vue 之 vuex 的使用

最新推荐文章于 2024-07-29 22:22:20 发布

幽幽靖

最新推荐文章于 2024-07-29 22:22:20 发布

阅读量312

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/ws19900201/article/details/102473664

版权

本文详细介绍了Vuex的状态管理库的安装过程，包括如何创建store.js文件，并探讨了store和getters的使用方法，特别是getters如何获取并更新状态。同时，文章提到了getters中创建新数组的技巧，以及strick模式的应用。

摘要由CSDN通过智能技术生成

vuex 的安装： vue add vuex store.js
使用方法：

//store.js
store(){
   
	name:'jingjing'
}

// xx.vue
// 写在data中，如果其他组件动态修改了store属性，这里不会动态修改；
data() {
   
      return {
   
        name: this.$store.state.name
      }
    }
    
// 写在computed中，如果其他组件动态修改了store属性，这里会动态修改；
computed: {
   
      name() {
   
        return this.$store.state.name
      }
    }

//如果需要大量的store中的值，可以用mapState来导入；
import {
   mapState} from 'vuex';
export default {
   
      computed: {
   
        ...mapState(['name', 'age', 'look'])
        //修改state中的属性名 name => storeName
        ...mapState({
   
          storeName: state => state.name