vue2面试题——指令

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的。