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

 xiao15387977702 发布于 2022-11-08 18:48

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

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

    2022-11-12 01:43 回答
  • 打开 console 你会看到这个错:

    [Vue warn]: Do not use built-in or reserved HTML elements as component id: summary 
    2022-11-12 01:43 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有