vue
文章平均质量分 51
中二Devil
这个作者很懒,什么都没留下…
展开
-
【vue-cli3】各版本 sass-loader 配置全局变量
V8 以下版本找到vue.config.js文件,如果没有的话,则自己在根目录新建一个即可在文件内编写如下代码:module.exports = { css: { loaderOptions: { sass: { data: `@import "@/styles/variable.scss";` } } }}V8 以上 V10 以下版本找到vue.config.js文件,如果没有的话,则自己在根目录新建一个即可在文件内编写原创 2021-07-19 08:45:53 · 1021 阅读 · 0 评论 -
【vue】列表渲染实战心得及方案推荐
渲染在做列表数据渲染的时候需要先构思好合适的数据结构,合适的数据结构能够方便页面的构建、功能实现、后期维护。我列举了下面几种列表渲染的数据结构:注意:数据列表里的每一项数据都推荐有id,在vue中的列表渲染中key值绑定为数据id,这样可以方便之后的数据更新。Vue官方文档数组形式如果是简短的数据列表,没有复杂的操作(增删改),没有下拉刷新和触底加载、分页查询(数据分页查询),那么推荐直接使用数组形式:dataList: [ { id: 0, name:原创 2021-04-30 20:28:12 · 277 阅读 · 1 评论 -
【Vue】watch的深度监听和nextTick的用法
Vue watch的深度监听watch监听有两种方式:普通监听、深度监听。他们的区别是:普通监听只能监听变量值的变化(如Boolean、Number、String等),不能监听数组和变量属性的改变。写法上的区别: watch:{ // 普通的watch监听 a(val, oldVal){ console.log("a: "+val, oldVal); }, // 深度监听,可监听到对象、数组的变化 b:{原创 2021-04-25 15:09:59 · 1516 阅读 · 0 评论 -
【Vue】事件修饰符
Vue 事件修饰符Vue 事件修饰符前言事件修饰符们stoppreventcaptureselfoncepassive顺序绑定空函数前言事件修饰符是比 event.preventDefault() 或 event.stopPropagation() 更“好”的写法,事件修饰符能够更轻松的实现前面两种方法的功能。事件修饰符能够让我们只需考虑纯粹的数据逻辑,而不是去处理 DOM 事件细节。事件修饰符们stop<!-- 阻止单击事件继续传播 -->&l原创 2021-04-18 14:07:39 · 109 阅读 · 0 评论 -
Vue watch() 的用法和 nextTick的用法
Vue watch的深度监听watch监听有两种方式:普通监听、深度监听。他们的区别是:普通监听只能监听变量值的变化(如Boolean、Number、String等),不能监听数组和变量属性的改变。写法上的区别: watch:{ // 普通的watch监听 a(val, oldVal){ console.log("a: "+val, oldVal); }, // 深度监听,可监听到对象、数组的变化 b:{原创 2021-04-11 11:48:55 · 1267 阅读 · 0 评论