title: How can I get a child component's watcher's updated value from parent component in Vue 2?
body: <p>I have two components that are in a parent-child relationship. In the child select component I've defined a <em>watcher</em> for the currently selected value and I want the parent to get the updated value whenever it changes. I tried to use events but the parent can only listen to its own vm.   </p>
  
  <p>In the child component</p>
  
  <pre><code>watch: {
    selected (value) {
      this.$emit('selectedYearChange', value)
    }
  }
  </code></pre>
  
  <p>In the parent</p>
  
  <pre><code>mounted () {
    this.$on('selectedYearChange', function (value) {
      this.selectedYear = value
    })
  }
  </code></pre>
  
  <p>This obviously doesn't work because of the reason I mentioned above.<br>
  I wasn't able to find relevant examples in the documentation.</p>