Watching $refs

Can we watch $refs

by mattoconnell408

HTML

<script src="https://rawgit.com/yyx990803/vue/master/dist/vue.js"></script>
<div id="app">
  <parent :childarray="childarray"></parent>
</div>

Babel + JSX

Vue.component('parent', {
  template: `
	  <div>
      {{ childarray }}
  	  <child ref="children" v-for="item in childarray"></child>
	  </div>
  `
  ,
  props: ['childarray'],
  computed: {
		registeredChildren() {
    	return this.$refs.children;
    }
  },
  watch: {
    registeredChildren(newStuff) {
      console.log('children updated', newStuff)
    }
  },
  mounted() {
    console.log('mounted');
    console.log(this.$refs.children)
  }
});

Vue.component('child', {
  template: `<div>child</div>`,
});

new Vue({
  el: '#app',
  data() {
    return {
    	childarray: [1,2]
    }
  },
  mounted() {
    console.log('app')
  }
});