Vue安装3.x
vue基本介绍
1.性能的提升
打包大小减少41%
初次渲染快55%，更新渲染快133%
内存减少54%
⒉.源码的升级
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking
....
3.拥抱TypeScript
Vue3可以更好的支持TypeScript
3.新的特性
- Composition API(组合API)
setup配置
ref与reactive
watch与watchEffect
provide与inject
- 新的内置组件
Fragment
Teleport
Suspense
- 其他改变
新的生命周期钩子
data选项应始终被声明为一个函数
移除keyCode支持作为v-on的修饰符
创建vue3工程
使用vue-cli进行创建
#查看vue/cil的版本，确保@vue/cli版本在4.5.0一上
vue -v
#安装或者升级你的@vue/cli
npm install -g @vue/cli
#创建
vue create vue_test
#启动
cd vue_test
npm run serve
使用vite创建
vite官网: https://vitejs.cn
·优势如下:
开发环境中，无需打包操作，可快速的冷启动
轻量快速的热重载(HMR)。
真正的按需编译，不再等待整个应用编译完成。
传统构建与vite构建对比图
#创建工程
npm init vite-app 项目名称
#进入工厂目录
#安装依赖
npm install
#运行
npm run dev