vue3入门基础 以及与vue2的区别

一,响应式原理

1.vue2响应式原理采用 Object.defineProperties 监听对象的getter与setter
2.Vue3 pxoy代理的方式监听对象

二,启动方式

1.vue2 启动方式
//vue2
new Vue({
          
   
 store,
 router,
 render:h=>h(App)
}).$mount("#app")
2.vue3 启动方式
//vue3
Import {
          
   createApp} from vue
createApp(App).use(store).use(router).mount("#app")

三,全局方法定义

1.vue2 全局方法定义
//vue2
Vue.prototype.$http = axios;
2.vue3 全局方法定义
//Vue3
var  app = createApp(App)
app.config.globalProperies.$http = axios;

四,template 根组件

1.Vue2 有且只有一个根组件
2.vue3 随意

五,生命周期

1.vue2 生命周期
创建前后 beforeCreate ,created
挂载前后 beforeMount mounted
更新前后 beforeUpdate,updated
销毁前后 beforeDestroy,destroyed
2.vue3 生命周期
创建前后 beforeCreate ,created
挂载前后 beforeMount mounted
更新前后beforeUpdate,updated
卸载切换 beforeUnmount,unmounted
经验分享 程序员 微信小程序 职场和发展