vue sync

by zhang li

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.common.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<div id="app"></div>

JavaScript

Vue.component('inner', {
	template: '<div class="inner">{{name}}</div>',
  props: ['name']
})

Vue.component('outer', {
	template: '<div class="outer"><inner name="123"></inner></div>'
})

new Vue({
	el: '#app',
  template: '<outer></outer>'
})