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的图:
这究竟是怎么回事?到底哪里有错误?
这个不是错误,是建议
其实 vue 本身是推荐 .vue 的写法的
配合 webpack 可以做到按需加载组件
前提是每个组件都是单独的 .vue
你这里 summary
组件直接内嵌了
所以给你提示更加合理的写法
然后关于 2.0 和 之前的版本渲染出来的结构不一样是因为
2.0 开始使用的是 virtual dom,以前的 tag 限制都没了
打开 console 你会看到这个错:
[Vue warn]: Do not use built-in or reserved HTML elements as component id: summary