Vue指令和事件

模板语法{{msg}}指令VUE自带13条指令1.v-html2.v-文本3。v-绑定4。v-show5.v-if6。v-else7。v-其他-if8。v-模型9。v-for10。v-on11。v-pre12。v-斗篷13。v-once自定义指令注意：自定义指令中的this点是window。一个指令定义对象可以提供如下的Hook函数（都是可选的）：bind：只调用一次，当指令第一次绑定到元素上时。可以在这里进行一次性的初始化设置。inserted：绑定元素插入到父节点时调用（只保证父节点存在，不一定插入到文档中）。update：组件的VNode更新时调用，但也有可能发生在其子VNode更新之前。指令的值可能已更改，也可能未更改。但是可以通过比较更新前后的值来忽略不必要的模板更新//自定义焦点命令Vue.directive('focus',{inserted:function(el){//el表示绑定元素el。focus();}})//使用自定义指令//使用参数自定义自定义指令Vue.directive('color',{bind:function(el,bingding){//bingding表示绑定值el.focus();}})//使用带参数的自定义命令//要自定义本地指令，需要向VUE实例添加指令directives:{focus:{//指令的定义inserted:function(el){el.focus()}},color:{bind:function(el,bingding){el.style.backgroundColor=binding.value.color;}}}文本1.v-text2。v-html3。{{}}属性v-bind列：v-bind:classshorthand::class样式绑定对象形式设置