Vue3 脚手架 项目创建

Vue3优势介绍：

1.性能的提升

打包大小减少41%

初次渲染快55%, 更新渲染快133%

 内存减少54%

2.源码的升级

使用Proxy代替defineProperty实现响应式

-重写虚拟DOM的实现和Tree-Shaking
 

3.拥抱TypeScript

Vue3可以更好的支持TypeScript

4.新的特性

1. Composition API（组合API）

   - setup配置
   - ref与reactive
   - watch与watchEffect
   - provide与inject
   - ......
2. 新的内置组件
   - Fragment 
   - Teleport
   - Suspense
3. 其他改变

   - 新的生命周期钩子
   - data 选项应始终被声明为一个函数
   - 移除keyCode支持作为 v-on 的修饰符
   - ......
 

项目创建

1.查看@vue/cli版本 确保版本在4.5.0以上

vue --version 

2.如果不是  请安装或者升级你的@vue/cli

npm install -g @vue/cli

 

 3.创建项目

vue create vue3_test 

 

4.启动项目

 

 

5.访问项目

 http://localhost:8080/