一,性能
二,什么是Vite
Vite是vue作者开发的一款试图取代webpack的工具
其原理是利用ES6的import会发送请求去加载文件的特性
拦截这些请求做一些预编译,省去webpack的冗余打包时间
1、全局安装vite:npm install create-vite-app -g (装不上的话以管理员身份运行去装)
2、创建项目(使用vite,不是脚手架):npx create-vite-app project-name (创建项目过程比脚手架快多了,因为没有依赖包)
3、cd project-name -> npm install -> npm run dev
- 定义响应式数据
import { ref reactive } from 'vue'
1. ref函数和reactive函数创建响应式数据的区别 (ref只能创建单一的数据,如果想用数组、对象的话用reactive) https://www.cnblogs.com/jinzhenzong/p/12778729.html
- 组合api
1. 定义的数据,方法可以抽成一个function函数,函数内部return出去数据,方法,在setup()函数中导入即可
2. compositionApi 和 optionApi 组合使用,因为vue3使用的是compositionApi,但是运行机制还是最终注入到optionApi(还是vue2的形式)
- setup函数的执行时机
- vue2和vue3的区别