前端Vue面试题总结

vue2中vuex的使用

什么是vuex

1.vuex ：是一个专为vue.js开发的状态管理器，采用集中式存储的所有组件状态，通过vuex我们可以解决组件之间数据共享的问题，后期也方便我们管理以及维护

2.vuex有五大核心要素：

分别是： state、getters、mutations、actions、module
state属性： 存放状态，例如你要存放的数据
getters： 类似于共享属性，可以通过this.s t o r e . g e t t e r s 来 获 取 存 放 在 s t a t e 里 面 的 数 据 m u t a t i o n s ： 唯 一 能 改 变 s t a t e 的 状 态 就 是 通 过 提 交 m u t a t i o n s 来 改 变 ， t h i s . store.getters来获取存放在state里面的数据 mutations： 唯一能改变state的状态就是通过提交mutations来改变，this.store.getters来获取存放在state里面的数据mutations：唯一能改变state的状态就是通过提交mutations来改变，this.store.commit()
actions: 异步的mutations，可以通过dispatch来分发从而改变state
modules:模块化管理store（仓库），每个模块拥有自己的 state、mutation、action、getter

3.怎么引用vuex

首先使用vue脚手架创建项目 使用vue create demo ('demo’可以是任意的一个名字，可以是a，也可以是b)
cd到项目里面，在项目里面下载依赖cnpm install vuex --save
在项目文件夹里面找到store文件夹下面的index.js文件

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
//不是在生产环境debug为true
const debug = process.env.NODE_ENV !== 'production';
//创建Vuex实例对象
const store = new Vuex.Store({
   
    strict:debug,//在不是生产环境下都开启严格模式
    state:{
   
    },
    getters:{
   
    },
    mutations:{
   
    },
    actions:{
   
    }
})
export default store;

在main.js文件中引入vuex

import Vue from 'vue';
import App from './App.vue';
import store from './store';
const vm = new