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