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