Vue3的基本介绍及创建方式

一、认识Vue3

（一）了解相关信息

        1.Vue.js 3.0 "One Piece" 正式版在今年9月份发布
        2.2年多开发, 100+位贡献者, 2600+次提交, 600+次PR
        3.Vue3支持vue2的大多数特性
        4.更好的支持Typescript

（二）性能提升

        1.打包大小减少41%
        2.初次渲染快55%, 更新渲染快133%
        3.内存减少54%
        4.使用Proxy代替defineProperty实现数据响应式
        5.重写虚拟DOM的实现和Tree-Shaking

（三）新增特性

        ●Composition (组合) API
        ●setup
        ○ref 和 reactive
        ○computed 和 watch
        ○新的生命周期函数
        ○provide与inject
        ○...

（四）新组件

        ○Fragment - 文档碎片
        ○Teleport - 瞬移组件的位置
        ○Suspense - 异步加载组件的loading界面

（五）其它API更新

        ○全局API的修改
        ○将原来的全局API转移到应用对象
        ○模板语法变化

二、Vue3项目的搭建方式

（一）使用 vue-cli 创建文档

https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-createhttps://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

1.安装或者升级

        npm install -g @vue/cli

2.保证 vue cli 版本在 4.5.0 以上

        vue --version

3.创建项目

        vue create my-project

4.然后的步骤
Please pick a preset -

        选择 Manually select features

Check the features needed for your project -

特别注意点空格是选择，点回车是下一步

Choose a version of Vue.js that you want to start the project with -

        选择 3.x

 选项配置如下

 开始下载

（二）使用 vite 创建

参考文档：

快速上手 | Vue.jsVue.js - 渐进式的 JavaScript 框架https://v3.cn.vuejs.org/guide/installation.html

1.执行  npm init vue@latest

2.然后选项如下：

 3.根据提示执行 

        cd   文件名

        npm i

4.等待下载完成

5.项目构建完成