vue html 属性,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

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

原文：https://www.cnblogs.com/mizuno0237/p/11790214.html