vue学习（55）

知识点

1. 在组件的使用上在vue2中需要一个根标签包裹，但是vue3中不需要。
2. 入口文件main.js的不同之处
   1. 引入的不再是Vue构造函数了，引入的是一个名为createApp的工厂函数
   2. 建应用实例对象——app(类似于之前Vue2中的vm，但app比vm更“轻”)

//引入的不再是Vue构造函数了，引入的是一个名为createApp的工厂函数
import { createApp } from 'vue'
import App from './App.vue'

//创建应用实例对象——app(类似于之前Vue2中的vm，但app比vm更“轻”)
const app = createApp(App)

//挂载
app.mount('#app')

3. vue3带来了什么
   1. 性能的提升
      打包大小减少41%
      初次渲染快55%, 更新渲染快133%
      内存减少54%
   2. 源码升级
      使用Proxy代替defineProperty实现响应式
      重写虚拟DOM的实现和Tree-Shaking
   3. 拥抱TypeScript
      Vue3可以更好的支持TypeScript
   4. 新特性
      1. Composition API（组合API）
         • setup配置
         • ref与reactive
         • watch与watchEffect
         • provide与inject
           ......
      2. 新的内置组件
         • Fragment
         • Teleport
         • Suspense
      3. 其他改变
         • 新的生命周期钩子
         • data 选项应始终被声明为一个函数
         • 移除keyCode支持作为 v-on 的修饰符
           ......
4. 使用vite创建项目
   • 什么是vite？—— 新一代前端构建工具。
   • 优势如下：
     • 开发环境中，无需打包操作，可快速的冷启动。
     • 轻量快速的热重载（HMR）。
     • 真正的按需编译，不再等待整个应用编译完成。