摘要：
匹配某些值中的一个 type: { validator: function(value) { return ["success", "warning", "danger"].includes(value); } } 对象或数组默认值必须从一个工厂函数获取 list: { type: Array, default: () => [] } 阅读全文
摘要：
[Vue warn]: Invalid default value for prop "dataParams": Props with type Object/Array must use a factory function to return the default value. 翻译：（props default 数组／对象的默认值应当由一个工厂函数返回） 错误代码： dataPa... 阅读全文
摘要：
判断数组是否存在某个值： Array.indexOf(val) > -1 //存在 (缺陷：一是不够语义化，它的含义是找到参数值的第一个出现位置，所以要去比较是否不等于-1，表达起来不够直观。二是，它内部使用严格相等运算符（===）进行判断，这会导致对NaN的误判。) Array.includes(val) 判断对象是否存在某个字段： obj["key"] != undefined ... 阅读全文
摘要：
两个页面参数不同使用同一组件，默认情况下当这两个页面切换时并不会触发created或者mounted钩子。 方法一：通过watch $route的变化来做处理 watch: { $route() { if (this.$route) { ... } } }, 方法二：在 router-view上加上一个唯一的key，来保证路由切换时都会... 阅读全文
摘要：
事件修饰符 说明 .stop 阻止单击事件继续传播（阻止冒泡） .prevent 阻止单击事件向上冒泡 preventDefault .capture 添加事件监听器时使用事件捕获模式 .self 在 event.target 是当前元素自身时触发处理函数 .once 事件将只会触发一次 .passive 滚动... 阅读全文
摘要：
mixins是一种分发Vue组件中可复用功能的一种灵活方式。 mixins是一个JavaScript对象，可以包含组件中的任意选项，比如Vue实例中生命周期的各个钩子函数，也可以是data、components、methods或directives等。在Vue中，mixins为我们提供了在Vue组件中共用功能的方法。使用方式很简单，将共用的功能以对象的方式传入mixins选项中。当组件使... 阅读全文
摘要：
快捷键： 在路径中查找：Ctrl + Shift + N 在路径中替换：Ctrl + Shift + R 格式化：Ctrl + Alt + L 行注释：Ctrl + / 块注释：Ctrl + Shift + / 代码跳转: Ctrl + 左键或者 Ctrl + B，可以跳转到函数或者变量的声明位置 调用位置: Alt + F7，查找调用者 改名: Shift + F6 抽取函数: Ctrl +... 阅读全文
摘要：
局部过滤器（放在组件里） filters: { //局部过滤器 FormattingMoney:value=>{ return value==null? '0' : value/100 } }, 使用：{{money | FormattingMoney}} 全局过滤器（放main.js） Vue.filter("ellipsis", (str, ma... 阅读全文
摘要：
cnpm install --save-dev sass-loader //sass-loader依赖于node-sass cnpm install --save-dev node-sass //实现BEM的模式 .block { color: red; @at-root #{&}-green{ color: green; } //继承 .row { @extend ... 阅读全文
摘要：
局部过滤器（放在组件里） 使用： 全局过滤器（放main.js） 使用： 注：第一个参数默认为要过滤的值 当项目所用到的过滤器比较多时，把方法定义在一个js文件里面导出 /src/common/custom.js /src/main.js 然后在其他的.vue 文件中就可愉快地使用这些我们定义好的全 阅读全文