javascript - 各位大佬好，问一个关于vuejs 2.0的 componnet的问题

问题描述

问 题

vue2，做tab，结合以前和新文档的写法：

可以看出1.0版本和2.0版本的写法几乎没什么改变，然后就是2.0不用extand了，直接用组件语法糖注册。
然后下面这是我的代码：

    <!--...-->
    <component :is="cpmt" :fData="propsMsg"></component>
    <!--...-->

    var vContent = new Vue({
            el:'#content',
            data:{
                cpmt:'summary',
                propsMsg:'',
                ...
            
            },
            components: {
                summary: {
                    template: '<div>ss</div>',
                    props: ['fData'],
                }
            }
            ...
        })

然后在两个版本的表现下截然相反。。。
先截个2.0的图:

然后是1.026的图：

这究竟是怎么回事？到底哪里有错误？

解决方案

打开 console 你会看到这个错：

[Vue warn]: Do not use built-in or reserved HTML elements as component id: summary 

这篇关于javascript - 各位大佬好，问一个关于vuejs 2.0的 componnet的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！