vue3.0 学习笔记

今天是2021年2月26日
学习一下vue3.0虽然已经出来这么长时间了，但是还没有认真的学习过，只是懂一点皮毛
接下来开始我的3.0之旅 来吧！展示！蓝色海… 嘿嘿嘿

第一步 安装
(先瞅瞅你的vue -V 是多少）

	npm install -g @vue/cli

第二步 初始化 项目

vue create app

这里我们选择 Manually select features（手动选择功能）：

把需要的都选上 这些都是开发需要用到的

为了节省时间勾选 Router 和 Vuex，避免手动写初始化代码（就是懒） 之后一顿回车就ok

下一步 升级 Vue 3.0 项目
目前创建 Vue 3.0 项目需要通过插件升级的方式来实现，

vue-cli 还没有直接支持，我们进入项目目录，并输入以下指令：

cd vue-next-test
vue add vue-next

执行上述指令后，会自动安装 vue-cli-plugin-vue-next 插件（查看项目代码），该插件会完成以下操作：

安装 Vue 3.0 依赖
更新 Vue 3.0 webpack loader 配置，使其能够支持 .vue 文件构建（这点非常重要）
创建 Vue 3.0 的模板代码
自动将代码中的 Vue Router 和 Vuex 升级到 4.0 版本，如果未安装则不会升级
自动生成 Vue Router 和 Vuex 模板代码
完成上述操作后，项目正式升级到 Vue 3.0，

下一步 启动（好激动好激动）