vue中html语法功能,区别了普通的html属性

---恢复内容开始---

vue自带的指令: v-text/v-html/v-bind/v-for/v-model/v-on

v-show="布尔" v-if="布尔"
区别: 操作css 操作dom
场景: 适合频繁切换 适合不频繁切换
性能: 初始渲染消耗 频繁切换回有消耗

其他指令: https://cn.vuejs.org/v2/api/#指令

指令(directive):
v-text/v-html/v-bind/v-on/v-model/v-for/v-if/v-show/v-else/v-else-if

自定义指令: 指令是个函数|对象,用来操作dom的, 里面的this 返回window

a)全局: Vue.directive('指令名不带v-',函数(el,binding))
el == 使用指令的DOM元素
binding 是个对象 含有传入的 参数(binding.value)
b)局部: 定义在选项里面
directives:{
指令名不带v- : 函数(el,binding){}
}

指令是个函数(简写)，可以是个对象

{
钩子函数
inserted:fn(el,binding) 绑定指令的元素插入到父节点时调用
bind:fn 指令第一次绑定到元素时调用
update:fn 指令所在的元素的model层的数据，view有更新请求时
componentUpdated:fn 更新完成时
}

简写方式: bind + update

---恢复内容结束---

扫描二维码关注公众号，回复： 7738691 查看本文章