简单使用vuex状态管理库

vuex是一个专门为vuejs应用程序的设计的状态管理 集中式存储管理应用的所有组件的状态 多组件状态共享,不同的组件改变同一个状态 vuex知识点:state,getter,mutation,action 安装vuex npm install vuex –save 或者 yarn add vuex 导入vuex包 import Vuex from “vuex” 创建vuex实例 new Vuex.store() 将vuex实例挂载在vue对象上 index.js Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 0 } }) export default store main.js new Vue({ store // 将store对象添加到vue实例上 }) 可以通过this.$store.state.count获取到状态(官方推荐将获取装态的操作放到computed中) 使用解构获取状态: import { mapState } from ‘vuex’ export default { mounted() { console.log(this.count) }, computed: { …mapState([‘count’]) } } Getter getters: { getCount(state) { return state....

2021-12-13 · 2 min · Me