baronZhuZhu的博客

vue中除了使用固定的一些指令外，也可以自定义一些全局指令，使用Vue.directive()命令。自定义全局指令实例：使用实例：

vue中的过滤器分为全局过滤器和局部过滤器1、无参全局过滤器//第一个参数是过滤器的名称，function是过滤器要执行的方法，其中的msg参数是固定的， 即是你需要过滤的数据 Vue.filter('msgFormat', function(msg) { return msg.replace(/单纯/g, 'xxx') })使用案例 <div id="app"> <p>{{ msg | msgFormat}}<

vue中数组的常用方法：push、pop、shift、unshift、splice、sort、reverse、filter、find、findIndex、some、every。1、push在数组的末尾增加一个元素，一次可以增加多个2、pop在数组末尾删除一个元素3、shift删除第一个元素4、unshift在数组头部增加一个元素或者多个5、splice删除、插入或者替换元素6、sort数组排序7、reverse 数组反转8、filter创建一个新数组，新数组中的元素是符合指定条

1、父子组件传值定义父组件//父组件//引入的add-widget组件//使用 v-bind 的缩写语法通常更简单：<add-widget :msg-val="msg"> //这里必须要用 - 代替驼峰// HTML 特性是不区分大小写的。所以，当使用的不是字符串模板，camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名，当你使用的是字符串模板的时候，则没有这些限制 </add-widget>data()