1.vuex的安装
vue2最多支持到3
npm install vuex@3
2.vuex的核心模块
state,
mutations:
actions:
getters
3.vuex的四大核心模块介绍
state,定义数据结构
mutations,变更操作,这里是具体的执行逻辑
action,这里定理操作名称,然后通过dispatch调用具体的变更逻辑
getters,定义返回的数据结构
4.vue页面中调用vuex的actions
this.$store.dispatch('actionName');
5.vuex的mutations和actions,之间如何调用
在actions定义的操作,通过commit('变更')操作,连接对应的mutations
mutations: {incrementMutation(state) {state.count++;},decrementMutation(state) {state.count--;}},actions: {incrementAction({ commit }) {commit('incrementMutation');},decrementAction({ commit }) {commit('decrementMutation');}},
6.this.$store.commit和this.$store.dispatch有何区别
commit('变更名');
dispatch('动作名’);
7.vuex存储固化的插件
a.npm install vuex-persistedstate
b.在store.js里import
c.在vuex的plugins:[导入的固化模块名()]
8.如何查看vuex存储在浏览器中的数据
以edge浏览器为例,在应用程序的本地存储里
9.列举几个vue独有的标签
<component>
<router-view>
<router-link>
10.vue的v-for命令
vue的迭代命令,类似于c#的for循环
v-for命令要写在循环体上,如下所示:
<li v-for="item in items" :key="item">{{ item }}</li>