vue 安装vue-x

最新推荐文章于 2024-06-02 08:18:50 发布

原创最新推荐文章于 2024-06-02 08:18:50 发布 · 294 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #vue 安装vue-x

博客介绍了在Vue项目的src文件夹下创建store文件夹，并在其中创建index.js文件，还给出了status.js源码，最后说明了在main.js中进行挂载的操作。

npm install vuex --save

然后在src文件夹下建store文件夹，在里面建index.js
内容如下：

import Vue from 'vue'
import Vuex from 'vuex'
import menuStatus from './module/status'  //以这个为例子

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
        //把存的那个值的名字初始化一下
    },
  mutations: {
    //
  },
  actions: {
    //
  },
  modules: {
    menuStatus
  }
})

status.js源码：

const menuStatus = {
    state: {
      isCollapsed: false,
     },
    mutations: {
      setCollapsede (state, value) {
        state.isCollapsed = value;
      }
    }
   };
   export default menuStatus;在这里插入代码片

下面在main.js中挂载一下：


import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'   //导入store

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,   //在new Vue中使用
  components: { App },
  template: '<App/>'
})

完成啦~~~
最近追剧风声
太上头了
就喜欢这种
嘿嘿嘿-_- 开心！