一、Vue3简介.
1.先说区别
Vue3和Vue2的第一个区别便是响应式原理,Vu2响应式原理采用的是Object.defineProperties监听对象的getter与setter, 而 ** Vue3**的响应式原理是 pxoy代理的方式监听对象
2.特点
vue3.0 向下兼容 vue2.x 版本,优化了主要核心双向绑定原理和体积大小,并且更加友好的兼容 ts 语法。
二.启动方式
- vue2的启动方式
new Vue({
store,
router,
render:h=>h(App)
}).$mount("#app")
- vue3的启动
Import {createApp} from 'vue'
createApp(App).use(store).use(router).mount("#app")
三.全局方法的定义
- vue2
Vue.prototype.$http = axios;
- vue3
var app = createApp(App)
app.config.globalProperies.$http = axios;
四.template 根组件
- vue2:有且只有一个根组件
- vue3:随意
五.生命周期
- vue2的生命周期
- 创建前
beforeCreate
- 创建后
created
- 挂载前
beforeMount
- 挂载后
mounted
- 更新前
beforeUpdate
- 更新后
Update
- 销毁前
beforeDestroy
- 销毁后
destroyed
- Vue3的生命周期
- 创建前
beforeCreate
- 创建后
create
- 挂载前
beforeMount
- 挂载后
mount
- 更新前
beforeUpdate
- 更新后
update
- 销毁前
beforeUnmount
- 销毁后
unmounted