vue3.0学习笔记(setup生命周期)

1.首先从vue生命周期看,vue2.0和vue3.0的区别

                                vue2.0生命周期                         vue3.0生命周期
                     beforeCreate        (组件创建之前)                     setUp         (组件创建之前)
                       created                (组件创建完成)                     setUp         (组件创建完成)
                      beforeMount         (组件挂载之前)             onBeforeMount   (组件挂载之前)
                        mounted             (组件挂载完成)                 onMounted      (组件挂载完成)
                        beforeUpdate      (数据更新之前)              onBeforeUpdate  (数据更新之前)
                           updated            (数据更新完成)                 onUpdated        (数据更新完成)
                        beforeDestroy      (组件销毁之前)             onBeforeUnmount  (组件销毁之前)
                        destroyed             (组件销毁之后)              onUnmounted        (组件销毁之后)

从对比可以看出vue3.0新加了setUp这个生命周期,替换了beforeCreate和created。其他的就换了个名字.差不多从原来vue2.0基础上加了on(组件销毁除外)

2.setup生命周期启蒙



setup几乎替代了vue2.0的所有方法:列如vue2.0中的data   methods   computed   watch 

最后return出去,不然在页面用插值表达式获取不到setup里面的内容。

你可能感兴趣的:(vue3.0,vue.js)