VUE第二天

forEach   some   filter   findIndex   这些都属于数组的新方法，
          //  都会对数组中的每一项，进行遍历，执行相关的操作；

filter: 就近原则
过滤器：{{}} ，v-bind  {{name | 过滤器的名称(...参数)}}
全局过滤器: Vue.filter('过滤器的名称',function(data,...参数){
})    

模板字符串·aaa+${变量}+bbb·

私有过滤器：filters:{
    过滤器的名称:function(data,...参数){
    
    }
}

padStart(长度，补数)
padEnd
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xx

@keyup.enter=   回车
@keyup.113=   键盘码

自定义全局键盘码：Vue.config.keycode.名称=113

自定义全局指令 v-
参数1指令名称，不需要v-前缀，调用的时候需要v-
参数2对象，指令相关的钩子函数
Vue.directive('focus'，{
    bind:function(el,bingding){ //每当指令绑定到那个元素，立即执行，只执行一次  bingding参数
        el.focue()
    },
    inserted:function(el){ //元素插入到DOM中执行 触发一次
        el.focue()
    },
    updates:function(el){ //dom 节点更新执行  执行多次
    }
})

私有指令：directives:{
    '指令名称':{
        bind:function(el,bingding){ //每当指令绑定到那个元素，立即执行，只执行一次  bingding参数
        el.focue()
    },
    inserted:function(el){ //元素插入到DOM中执行 触发一次
        el.focue()
    },
    updates:function(el){ //dom 节点更新执行  执行多次
    }
    }

}

简写指令 bind 和 update
在很多时候，你可能想在 bind 和 update 时触发相同行为，而不关心其它的钩子。比如这样写:
Vue.directive('color-swatch', function (el, binding) {
  el.style.backgroundColor = binding.value
})

生命周期