Clarification needed on "Non Parent-Child Communication" in Guide

http://rc.vuejs.org/guide/components.html#Non-Parent-Child-Communication

I tried implementing the above 2.0 example in a standalone web app:

Source: https://github.com/jvanbrug/vue-guide-examples/tree/master/09_Components/13_Non_Parent-Child_Communication

Live demo: https://jvanbrug.github.io/vue-guide-examples/09_Components/13_Non_Parent-Child_Communication/index.html

However, I am unsure where this code snippet should go:

// in component B's created hook
bus.$on('id-selected', function (id) {
  // ...
})

I’m likely missing something, but I don’t think the concept of a “hook” was properly motivated (or mentioned) before this point in the 2.0 Guide.

[LinusBorg]

don’t think the concept of a “hook” was properly motivated (or mentioned) before this point in the 2.0 Guide.

Hooks are explained here:

• https://rc.vuejs.org/guide/instance.html#Instance-Lifecycle
• And their API is documented here: https://rc.vuejs.org/api/#Options-Lifecycle-Hooks

Vue.component('component-b', {
  template: '<span>A has{{ aWasClicked ? "" : " not"}} been clicked</span>',
  data: {
    aWasClicked: false
  },
  created() {
    bus.$on('id-selected', function (id) {
      // ...
    })
  }
})

For the future: Your issue is a usage/support question, and the issue tracker is reserved exclusively for bug reports and feature requests. Therefore I close this now.

We encourage you to ask questions on the forum or on gitter.

[chrisvfritz]

@EthraZa Check out our hackernews demo. 🙂