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
下一篇:
Vue-cli项目中二维码插件的使用