美文网首页
vuex 兄弟组件传参

vuex 兄弟组件传参

作者: 为了_理想 | 来源:发表于2020-10-24 10:59 被阅读0次

第一步

 导入 vue 然后在 main.js 里面导入就可以全局使用了
import Vue from 'vue';
导入 Vuex 
import Vuex from 'vuex';
使用 Vuex
Vue.use(Vuex);

vuex的配置项
const options = {
  state(固定)是用来存放数据
  state: {
    isLogin: false    这里可以传数组 对象 .... 
  },

  mutation用来修改state里的属性值
  mutations: {
    改变DESC_PICTRUES的状态(值)
    DESC_PICTRUES(state, payload) {
      state.isLogin = payload;
      console.log(state.isLogin);
    }
  }
export default new Vuex.Store(options);  导出 
然后去main.js里面导入
import store from "./store/index"; 导入 Vuex
new Vue({
  store,  路径文件夹名称
}).$mount("#app");

第二步 在有数据的页面储存数据

created (){
 this.$store.commit('DESC_PICTRUES',this.homeData) DESC_PICTRUES储存数据
 this.homeData 是渲染列表的所有数据
}

第三步获取数据

created (){ 
let data = this.$store.state.isLogin        isLogin 是state储存的数据  
也可以  this.xxxx =  this.$store.state.isLogin   直接用
}


vueX原理 

相关文章

  • vue组件之间通信

    vue父组件给子组件传参使用props子组件给父组件传参使用时间派发$dispatch兄弟组件之间传递参数使用vuex

  • vuex 兄弟组件传参

    第一步 第二步 在有数据的页面储存数据 第三步获取数据

  • vuex最详细完整的使用用法

    为什么使用vuex? vuex主要是是做数据交互,父子组件传值可以很容易办到,但是兄弟组件间传值(兄弟组件下又有父...

  • Vue组件之间的传值

    Vue父子组件之间的传值(props)兄弟组件 VUEX

  • 2020-03月前端面试题

    vue相关 vue父子组件传值方式有哪些? 兄弟组件间如何传值? vuex是用来干什么的? vuex核心模块有哪些...

  • vue组件传参问题

    在vue项目中会经常遇到组件传参问题,今天就来了解一下父子组件和兄弟组件传参 父组件传值给子组件 *父组件通过 ...

  • vue 全家桶之 vuex

    Vuex 是什么? 有时候我们需要全局操作组件的状态,父子组件传参又太过于繁琐,这个时候我们选择vuex 来作为全...

  • eventbus事件总线

    经常听说组件之间传参有一种方式是eventbus,常用于兄弟组件之间传参。但是我发现不只是兄弟之间可以用呀,为什么...

  • vue组件传值总结

    文章有点长,耐心看完,希望你有所收获!!! 1. 父子组件传值 2. 兄弟组件传值(法一) vuex主要用于管...

  • 谈谈对vuex的理解

    首先我们先抛出三个问题(1)有了vuex我们是不是就不需要组件之间传参?(2)vuex和localstorage啥...

网友评论

      本文标题:vuex 兄弟组件传参

      本文链接:https://www.haomeiwen.com/subject/njjkoqtx.html