摘要: https://www.bemcss.com/ BEM解决的问题 组件内部元素的名字加上组件名,并用元素的名字做为选择器,这样可以保证组件内的原始不会与组件外的样式冲突了 模块名 + 元素名 + 修饰器名: block-name__element-name--modifier-name 比如一个组件 阅读全文
posted @ 2022-07-28 10:30 秋叶哈哈宋梦辉 阅读(44) 评论(0) 推荐(0) 编辑
摘要: script中的内容变化 没有data了,方法和data都写在setup(){....}中,这是vue3最显著的一个变化,这个东西叫做组合式api setup 里面定义普通数据类型用ref定义,定义对象类型用reactive定义,用reactive定义能深度响应,否则用ref的话就只能最外面的一层响 阅读全文
posted @ 2021-05-07 16:49 秋叶哈哈宋梦辉 阅读(803) 评论(0) 推荐(0) 编辑
摘要: 使用v-html 因为直接写&nbdp; 是没用的 使用实例 <span class="fa" v-html="&#12288;&#12288;pdf&#12288;'"></span> //内容写在v-html的=里面 阅读全文
posted @ 2021-03-17 21:23 秋叶哈哈宋梦辉 阅读(513) 评论(0) 推荐(0) 编辑
摘要: 在图片外面套个div,然后在这个图片设置如下css background-size: contain; background-repeat: no-repeat; 阅读全文
posted @ 2021-02-21 18:01 秋叶哈哈宋梦辉 阅读(358) 评论(0) 推荐(0) 编辑
摘要: vue-router和 keep-alive 配合使用 在router-view外面套一层 keep-alive 标签, 并且对 有无 meta的情况进行判断(meta待会写) <keep-alive> <router-view v-if="$route.meta.keepAlive" /> </k 阅读全文
posted @ 2021-01-25 09:51 秋叶哈哈宋梦辉 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 网上都是说vue-router更新的原因,既然如此不如忽略 this.$router.push({ path: "/search/searchResult", query: { key: val } }) .catch(()=>{}); 阅读全文
posted @ 2021-01-24 19:45 秋叶哈哈宋梦辉 阅读(1870) 评论(0) 推荐(0) 编辑
摘要: 刚刚从组件写到路由,原来没有变化的原因是 app.component.html中我写的还是组件的名称 改为 <router-outlet></router-outlet> 即可 阅读全文
posted @ 2021-01-18 20:14 秋叶哈哈宋梦辉 阅读(495) 评论(0) 推荐(0) 编辑
摘要: 一开始我只是删除 .eslintrc.js 这个文件, 但是报错 No ESLint configuration found in F:\graduation-project\forestage\lemon-book\src. 然后在 package.json 把所有关于eslint的配置都删了,就 阅读全文
posted @ 2021-01-05 19:50 秋叶哈哈宋梦辉 阅读(144) 评论(0) 推荐(0) 编辑
摘要: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property 阅读全文
posted @ 2021-01-05 11:42 秋叶哈哈宋梦辉 阅读(344) 评论(0) 推荐(0) 编辑
摘要: CommonJS规范 node就是采用这种规范 写法为: //导出 var x = 5; module.exports.x = x; //module.exprots可以简写为exports //引入 var example = require('./example.js'); ES6书写规范 利用 阅读全文
posted @ 2020-12-31 15:06 秋叶哈哈宋梦辉 阅读(92) 评论(0) 推荐(0) 编辑