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