vue3 初识
2022-08-16 本文已影响0人
荆承鹏
1. vue3 带来了什么
- 性能提升
- 更小的体积
- 更快的渲染速度
- 源码升级
- 使用 proxy 代替 defindPortery 实现响应式
- 重写虚拟dom的实现，和 tree-shaking
- 拥抱 TypeScript
- vue3更好的支持 TypeScript
- 新的特性
- 组合式 API (Composition API)setup 配置
- ref 和 reactive
- watch 和 watchEffect
- provide 和 injec
2.创建 vue3 工程
有两种方法创建 vue3 工程 vue-cli 脚手架和 vite
2.1 使用 vue-cli 创建
##查看@vue/cli版本，确保@vue/cli版本在 4.5.0 以上
vue --version
## 安装或者升级你的 @vue/cli
npm install -g @vue/cli
##创建
vue create vue_test
##启动
cd vue_test
npm run serve
2.2 使用 vite 创建
- 什么是 vite -- 新一代的前端构建工具。以前的工具是 webpack。
- 优势
- 开发环境无需打包，可以快速冷启动；
- 轻量快速的热重载
- 真正的按需要编译，不再等待整个应用编译完成
## 创建工程
npm init vite-app <project-name>
## 进入工程目录
cd <project-name>
## 安装依赖
npm install
##运行
npm run dev
