1. 如何自定义指令
全局指令:在main.js里面写
/* 全局自定义指令 */
// main.js文件
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'Vue.config.productionTip = falseVue.directive('demo',{inserted: function(a,b,c){console.log(a,b,c)}
})new Vue ({router,store,render: h => h(App)
}).$mount('#app')// 任意一个vue文件去使用
<template><div><div v-demo='123'></div></div>
</template>
局部指令:在某一个组件内写
// 任意一个vue文件
<template><div><div v-demo='123'>22222</div></div>
</template><script>
export default {directives: {demo:{bind: function(el){console.log(1)}}}
}
</script>
2. vue单项绑定
vue的双向绑定是v-model
vue中的单项绑定是v-bind
3. v-if和v-for的优先级
在vue2中,v-for的优先级是大于v-if的。
在vue3中,v-if的优先级是大于v-for的。