Vue.js 组件的局部注册,求解？

Question

<div id="example">    <parent></parent></div><script type="text/javascript">    // 局部注册    var Child = Vue.extend({        template: '<div>Child</div>'    });    // 为什么 Child 不显示?    var Parent = Vue.extend({        template: `<div>Parent</div>`,        components: {            // child 只能用在父组件模版内            'child': Child        }    });    var vm2 = new Vue({        el: '#example',        components: {            'parent': Parent        }    });</script>上面代码，不知道什么原因，为什么 child 组件中 内容不显示？官方的例子不太理解。求大神解答？

Answer 1

你得把<child></child>写到parent的template里才行