博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
父子组件通信(vuex的方式)
阅读量:4350 次
发布时间:2019-06-07

本文共 711 字,大约阅读时间需要 2 分钟。

转: https://blog.csdn.net/lzh5997/article/details/80407518

父子组件也可以通过vuex的进行来进行中转,其实vuex就类似与一个仓库,父组件把东西放到仓库,然后子组件,从仓库里面去出东西,因为子组件里面是通过计算属性来获取的值(具有实时性),一旦父组件重新改变了数据,子组件就会重新从vuex里面读取数据

father.vue

 

child.vue

  store.js

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex) const store = new Vuex.Store({  // 初始化的数据  state: {    fatherDatas: null  },  // 改变state里面的值得方法  mutations: {    fatherData(state, data) {      state.fatherDatas = data    }  }})// 输出模块export default store

  

转载于:https://www.cnblogs.com/laneyfu/p/9523911.html

你可能感兴趣的文章