VUE3.0（1）

作者近期开始学习vue3.0 在此做一些笔记和学习记录  跟大吉一起分享也 便于以后查看话不多说开始 

环境搭建

作者开发为了便利使用的是vue-cli

vue3.0开发 需要的vue-cli 版本要在4.5.*以上  

我使用的是  @vue/cli 4.5.10  不清楚自己版本的 可以再命令行 输入 vue/cli -V 查看

下面是更新vue-cli的部分命令

npm i -g vue/cli 升级到最新版本 或者
npm uninstall -g @vue/cli
npm install -g @vue/cli@版本号

创建项目

项目创建跟vue2.0流程基本相同 但可选项更加丰富 我只简单的展示了一些不同点

vue create vue3.0-demo

选择自己想要的创建的项目 有默认的vue2.0和3.0的模板  当然这个初始模板 只有bable eslint 

最后一个选项是自定义选项   当然大多数人都会选第三个 如果大家想 只创建基础模板后期自动配置 也是可以的 

这样一个基本的项目就创建起来了 这里面我还是继续延续js 后期会有对应的ts开发说明

项目目录如下 接下来为了便利我们直接用about 进行前期开发 如果有的小伙伴想重新熟悉一下流程 也可以自己创建  一个  配置一下路由就好

下一期 我们将进行实际开发

这两天 我想了下 其实大家可能 在学习vue3.0 前 可能更想了解一下 3.0的改版和优势  所有我打算近期出一版 VUE3.0（0）

详细介绍一下3.0相对2.0的改动和具体优势 想学习的小伙伴可以 点赞关注一下