vue3较vue不同的地方

陌一一

已于 2022-12-13 15:58:30 修改

阅读量1.4k

点赞数

分类专栏： web前端开发文章标签： vue.js javascript 前端前端框架

于 2022-12-12 19:37:27 首次发布

本文链接：https://blog.csdn.net/a1598452168YY/article/details/128275796

版权

本文对比了Vue2和Vue3在自定义指令、过滤器、路由重定向、Vant使用等方面的差异。Vue3中，自定义指令的生命周期与组件生命周期更接近，不再支持filter，而采用函数实现；路由重定向写法改变； vant的使用需在mount前；并引入了函数写法，增强了ref、生命周期、多辈分组件通信、计算属性和watch监听等功能。

摘要由CSDN通过智能技术生成

自定义指令的区别：

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：