好消息！最近Vue 3.0官方组合式API - Composition API 推出中文版本啦。

今天在vue官网查看 composition-api 文档的时候，发现右上角多出个 Languages 选项。

啧啧，这一更新真是太棒了，对于英文不是很好的小伙伴，又多了一种学习 Vue3.0 的理由。

文档地址

https://composition-api.vuejs.org/zh

尝试使用

既然 vue3.0 已经提出来了，而且中文版Composition API也推出，更没有理由偷懒说学不动了。

初始化vue3.0项目

• 全局安装 Vue CLI 脚手架

$ npm i @vue/cli -g

# 检查是否安装成功
$ vue -V
@vue/cli 4.4.4

• 初始化vue项目

$ vue create vue3-demo

在出现的命令交互窗口选择 Manually select features

然后勾选 Babel、Router、Vuex、CSS Pre-processors 和 Linter / Formatter

升级vue3.0

vue-cli 还没有直接支持 vue3.0，需要通过如下命令来进行升级。

cd vue3-demo
vue add vue-next

执行上面命令后，会自动升级 vue3.0 的依赖环境，包括 vue-router 和 vuex 都会升级为 4.x 的版本。

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

完成上述操作后，项目正式升级到 Vue 3.0，就可以愉快的玩转Vue 3.0开发啦！！！

小伙伴们赶快去试一试吧，如果大家有什么好的学习方法或资源，欢迎在下方留言一起讨论。