vue2和vue3的区别

最新推荐文章于 2024-11-13 17:27:29 发布

匿名用户888

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量114

点赞数 4

文章标签： javascript vue.js 前端前端框架

本文链接：https://blog.csdn.net/2401_85869239/article/details/139853075

版权

vue2脚手架 ==> @vue/cli vue-cli；

vue3使用npm create vue

vue2和vue3的实例

vue2:

new Vue({
    data: {
        功能1数据,
        功能2数据,
        功能3数据
    },
    ...
    methods: {
        功能1的函数
        功能2函数
        功能3函数
    }
})

createApp({
    data: {},
    ...
})

vue2通常喜欢搭配vuex；

vue3通常喜欢搭配pinia

vuex选项式API语法：

{
    state: {},
    mutations: {},
    actions:{},
    getters:{},
    modules: {}
}

pinia可以使用选项式API，也可以使用组合式API：

// 选项式
{
    state: {},
    getters: {},
    actions: {}
}

// 组合式
() => {
    return {
        数据,
        getters,
        actions方法
    }
}

vue2和vue3的生命周期
vue2生命周期钩子函数，包含8个：beforeCreate,created,beforeMounte,mounted,beforeUpdate,updated,beforeDestroy,destroyed
vue3组合式API中，用的是setup语法，setup语法代替了beforeCreate,created，钩子函数的名称发生了一丢丢变化