Vue2 关于指令
关于指令
v-if v-show v-model 等都是 Vue 中的自带指令。
如何自定义指令
需要重复使用完成某些功能的指令，可以自定义。
全局
注册方法
// 在 main.js 文件中
Vue.directive('demo', {
inserted: function(a,b,c) {
console.log(a,b,c)
}
})
局部
注册方法
export default {
directives: {
demo: {
bind: function(el) {
console.log(1)
}
}
}
}
使用方法
<div v-demo= '123'>
xxxx
</div>
Vue 单项绑定
双向绑定： v-model
单项绑定： v-bind
v-if 和 v-for 的优先级
Vue2 中，v-for > v-if
Vue3 中，v-if > v-for