vue3.0和2.0的区别

大纲

1.数据响应式原理重新实现
  ES6 proxy代替了ES5的 Object.defineProperty Vue.set()
  解决了:数据更新检测bug vue2的push,shift
  不是原生js的方法,vue二次封装了大大优化了响应式监听的性能
  (可以监听复杂的数据类型)
2.虚拟dom-新算法(更快,更小)
3.提供了composition api ,可以更好的 逻辑复用
4.模版可以有多个根元素
5.源码typescript重写,有更好的类型推导
6.移除了过滤器 推荐使用`计算属性`
7.vite低配版的vue-cli,企业做项目还是用vue-cli

1.main.js 挂载

2.0版本
创建vue实例 new Vue({
    
    })
创建路由实例 new VueRouter()
创建仓库  new Vuex.Store()

3.0版本
import {
    
     createApp } from 'vue'
import App from './App.vue'
创建vue实例 createApp(App).mount('#app')
创建路由实例 createRouter()
创建仓库  createStore()