javascript - Vue.js 组件的局部注册,求解?
伊谢尔伦
伊谢尔伦 2017-04-11 12:06:45
[JavaScript讨论组]
<p id="example">
    <parent></parent>
</p>
<script type="text/javascript">
    // 局部注册
    var Child = Vue.extend({
        template: '<p>Child</p>'
    });
    // 为什么 Child 不显示?
    var Parent = Vue.extend({
        template: `<p>Parent</p>`,
        components: {
            // child 只能用在父组件模版内
            'child': Child
        }
    });
    var vm2 = new Vue({
        el: '#example',
        components: {
            'parent': Parent
        }
    });
</script>

上面代码,不知道什么原因,为什么 child 组件中 内容不显示?
官方的例子不太理解。
求大神解答?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
PHP中文网

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

阿神

<p id="example">

<parent></parent>

</p>
<script type="text/javascript">

// 局部注册
var Child = Vue.extend({
    template: '<p>Child</p>'
});
// 为什么 Child 不显示?
var Parent = Vue.extend({
    template: `<p>Parent:<child></child></p>`,//你的子组件得引到父模版里来
    components: {
        // child 只能用在父组件模版内
        'child': Child
    }
});
var vm2 = new Vue({
    el: '#example',
    components: {
        'parent': Parent
    }
});

</script>

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号