Vue3带来了什么
1.性能的提升
打包大小减少41%
初次渲染快55%
内存减少54%
…
2.源码的升级
使用proxy代理替代
重写虚拟DOM的实现和Tree-shaking(移除JavaScript上下文中未引用的代码的行为的一个术语)
…
3.拥抱TypeScript
vue3更好的支持TypeScript。
4.新的特性
API(组合式api)
setup配置
ref与reactive
watch与watchEffect
provide与inject
…
2.新的内置组件
Fragment
Teleport
Suspense
3.其他改变
新的生命周期钩子
data选项应始终声明为一个函数
移除keyCode支持作为v-on的修饰符
…
一.创建vue3.0工程
1.使用vue-cli创建(保证vue-cli版本在4.5.0以上)
vue create vue3_test
2.使用vite创建
什么是vite?
新一代的前端构建工具。
优势如下：
开发环境中，无需打包代码，可快速的冷启动。
轻量快速的热重载。
真正的按需编译，不再等待整个应用编译完成。
创建工程
npm init vite-app
进入工程目录
cd
安装依赖
npm install
运行
npm run dev