javascript - 各位大佬好,问一个关于vuejs 2.0的 componnet的问题
怪我咯
怪我咯 2017-04-11 13:09:07
[JavaScript讨论组]

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

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

    
    
    
    var vContent = new Vue({
            el:'#content',
            data:{
                cpmt:'summary',
                propsMsg:'',
                ...
            
            },
            components: {
                summary: {
                    template: '

ss

', props: ['fData'], } } ... })

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

然后是1.026的图:

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

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
ringa_lee

打开 console 你会看到这个错:

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

这个不是错误,是建议
其实 vue 本身是推荐 .vue 的写法的
配合 webpack 可以做到按需加载组件
前提是每个组件都是单独的 .vue
你这里 summary 组件直接内嵌了
所以给你提示更加合理的写法

然后关于 2.0 和 之前的版本渲染出来的结构不一样是因为
2.0 开始使用的是 virtual dom,以前的 tag 限制都没了

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

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