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

问题描述

问 题

<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 组件中 内容不显示？
官方的例子不太理解。
求大神解答？

解决方案

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

这篇关于javascript - Vue.js 组件的局部注册,求解？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！