Vue3笔记

vue2与vue3的区别

一.响应式原理

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

二.启动方式

vue2:

import Vue from 'Vue'
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.globalProperties.$http = axios;

四.template根组件

• Vue2有且只有一个根组件
• Vue3随意

<template>
  <di