Vue3.0+vuex4.0尝鲜

前言

vue3.0出了beta版，这一段时间使用VCA的过程中，也接触了不少3.0的特性，除了些生态相关的东西，别的体验已经很好了，今天就基于vue-cli-plugin-vue-next搭建一个工程化的Vue3.0样例。

安装

注意，这个插件的TS的支持还没有做好，这里我们基于JS做。

yarn global add @vue/cli

vue create vue3-beta-js-all

同时由于vuex和vue-router已经进入了4-alpha版本，为了让我们直接用4.0的模板构建，这里需要在工程构建的过程中勾选vuex和vue-router。随后直接升级即可把vuex和vue-router自动升级为4.x。

vue add vue-next

✔  Successfully invoked generator for plugin: vue-cli-plugin-vue-next
 vue-next  Installed vuex 4.0.
 vue-next  Documentation available at https://github.com/vuejs/vuex/tree/4.0
 vue-next  Installed vue-router 4.0.
 vue-next  Documentation available at https://github.com/vuejs/vue-router-next