Vuex 概述与安装
-
Vuex 概述
Vuex 可以简单的理解为用于存放全局变量的地方。虽然可以在Vue的
prototype
原型对象中定义一个用于存储全局变量的类,实现类似的操作,但无法做到数据的响应式。 -
Vuex 安装与配置
-
Vuex 安装
npm install vuex --save
-
Vuex 配置
-
src 文件夹内创建 store 文件夹
-
store 文件夹内创建 index.js 文件
-
store/index.js 做如下配置
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { }, mutations: { } }) export default store
-
src/main.js 做如下配置
import Vue from 'vue' import App from './App.vue' import store from "@/store"; Vue.config.productionTip = false new Vue({ render: h => h(App), store }).$mount('#app')
-