自定义指令的区别:
vue2的写法:
Vue.directive('scroll', {}) //scroll是指令名称
vue3的写法:
定义全局的:在main.js文件中定义:
createApp(App).directive("hello",{
}).use(store).use(router).mount('#app')
定义局部的:在vue文件中定义:
<script>
export default {
data(){
return {
myname: 'yiyi',
// mytext:''
}
},
//局部自定义指令
directives:{
hello:{
mounted(){
console.log("mounted")
}
}
}
}
</script>
指令生命周期的区别:
vue2:inserted
vue3:指令的生命周期约等于组件的生命周期
具体内容请看官方文档:
vue2: