vue兄弟组件如何传值?
发布于 7 年前 作者 YuJiusihuanian 9102 次浏览 来自 问答

vue兄弟组件如何传值?undefined

7 回复

mark<a>来自vue-wenda</a>

1、使用vuex 2、先把值传给父组件,再有父组件给兄弟组件

要么用 event bus, 要么用 vuex

也可以使用Vuet来做为状态管理

npm install --save vuet
import Vue from 'vue'
import Vuet, { mapModules } from 'vuet'

Vue.use(Vuet)

const vuet = new Vuet({
  modules: {
    myModules: {
      data () {
        return {
          count: 0
        }
      }
    }
  }
})

export default new Vue({
  // 在你需要的组件中连接状态即可
  mixins: [ mapModules({ myModules: 'myModules' }) ],
  // ...options
  vuet,
  mounted () {
    // 可以直接更新模块的状态
    this.myModules.count++
    console.log(this.myModules)
  }
})

vuex吧,写backbone的时候就经常用event bus一样的方式,东西少还好,嵌套多了真心麻烦,还是有了store比较好管理

简单的bus.js就可以了

来自酷炫的 CNodeMD

回到顶部