Vue3入门知识点

一、Vue3简介.

1.先说区别

Vue3和Vue2的第一个区别便是响应式原理,Vu2响应式原理采用的是Object.defineProperties监听对象的getter与setter, 而 ** Vue3**的响应式原理是 pxoy代理的方式监听对象

2.特点

vue3.0 向下兼容 vue2.x 版本，优化了主要核心双向绑定原理和体积大小，并且更加友好的兼容 ts 语法。

二.启动方式

1. vue2的启动方式

new Vue({
 store,
 router,
 render:h=>h(App)
}).$mount("#app")

2. vue3的启动

Import {createApp} from 'vue'

createApp(App).use(store).use(router).mount("#app")

三.全局方法的定义

1. vue2

Vue.prototype.$http = axios;

2. vue3

var  app = createApp(App)
app.config.globalProperies.$http = axios;

四.template 根组件

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

五.生命周期

1. vue2的生命周期

• 创建前

beforeCreate 

• 创建后

created

• 挂载前

beforeMount

• 挂载后

mounted

• 更新前

beforeUpdate

• 更新后

Update

 - 销毁前

beforeDestroy

• 销毁后

destroyed

2. Vue3的生命周期

• 创建前

beforeCreate

• 创建后

create

• 挂载前

beforeMount

• 挂载后

mount

• 更新前

beforeUpdate

• 更新后

update

• 销毁前

beforeUnmount

• 销毁后

unmounted