2022-11-21 vue3有哪些新增特性?

文章目录

• • • 一.vue3快速上手
    • • 1.vue3带来了什么?
      • • 性能的提升
        • 源码的升级
        • 更好地支持Typescript
        • 新的特性
        • • 特性1.Composition API(组合API)
          • 特性2.新的内置组件
          • 特性3.其他改变
      • 2.vite
      • • vite是新一代前端构建工具,有如下优势
        • [使用vite创建一个vue3项目:`create-vite-app vue3_vite`](https://blog.csdn.net/x550392236/article/details/120323139)
        • 对比:使用脚手架vue-cli创建项目:`vue create 项目名称`
      • 3.vue3项目文件与vue2的区别
      • • vue.config.js:配置内容和vue2.0的一样，也就是webpack配置
        • main.js 只有三行代码
        • app.vue:在vue文件中不再需要使用根节点
    • 二.常用的组合式(Composition)API:setup,ref,reactive
    • • 1.setup函数:其返回值为一个对象，该对象内容可以直接被使用
      • • setup配置项的使用
      • 2.ref函数:实现数据响应式
      • • ref函数的使用
      • 3.reactive函数:定义一个对象类型的响应式数据
      • • reactive函数的使用