各位大佬好,问一个关于vuejs 2.0的 componnet的问题

vue2,做tab,结合以前和新文档的写法:

https://img3.mukewang.com/5bc6a0800001b3ff05530438.jpg

https://img2.mukewang.com/5bc6a08b0001630005550481.jpg

可以看出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的图:

https://img1.mukewang.com/5bc6a0a8000151f101900056.jpg

然后是1.026的图:

https://img1.mukewang.com/5bc6a0b400017cc101750038.jpg

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

天涯尽头无女友
浏览 619回答 1
1回答

弑天下

打开 console 你会看到这个错:[Vue&nbsp;warn]:&nbsp;Do&nbsp;not&nbsp;use&nbsp;built-in&nbsp;or&nbsp;reserved&nbsp;HTML&nbsp;elements&nbsp;as&nbsp;component&nbsp;id:&nbsp;summary
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript