重学Vue（四）--全家桶

前言

前面裹过了下基础，响应式和一点点高级特性，下面捋一下全家桶。

Vuex

首先Vue-router和Vuex都是作为Vue的专属插件存在的，尤其是Vuex，和Vue的响应式原理息息相关，这也使得Vuex的上手难度远远小于Redux。

首先要做的就是在main.js里面引入注册的插件，这里我们使用上面提到的两个：

new Vue({
   
  router,
  store,
  render: h => h(App)
}).$mount("#app");

接着，我们要注册插件：

//store.js
import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
   
  state: {
   
    title: 1,
    names: [