vue vuex

本秂侑毒 提交于 2020-02-17 07:11:01

安装:npm install --save vuex
在mian.js中
import Vuex from 'vuex';
Vue.use(Vuex);
import store from './store/index';
在new Vue({ })中加入 store:store, //注入到vue

在src文件夹中新建store文件夹
在新建的store文件夹中新建index.js和modules文件夹
在index.js中写入
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
import list from "./modules/list";//(可以引入多个,在下面modules中在引用一下)
export default new Vuex.Store({
modules:{
list:list
}
})
在新建的modules文件夹中新建list.js
在index.js中写入
const state={
title:"sxl"
}
export default{
state
}
在vue文件中引用{{$store.state.list.title}}

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!