vuejs中render函数VNodes 必须唯一吗?

vuejs官网教程:
VNodes 必须唯一

组件树中的所有 VNodes 必须是唯一的。这意味着,下面的 render function 是无效的:

render: function (createElement) {
  var myParagraphVNode = createElement('p', 'hi')  
  return createElement('div', [ 
    // 错误-重复的 VNodes
    myParagraphVNode, myParagraphVNode
  ])
}

但是我测试的结果是,上述代码是可以的。测试地址如下:
https://codepen.io/quiettroja...
运行结果是正常的:

https://img.mukewang.com/5bbcaef9000112cf02400145.jpg

为什么和官网的论断不一致呢?


墨色风雨
浏览 1131回答 1
1回答

暮色呼如

渲染没问题的,后续的操作会有问题,上述代码场景太单一,你往复杂的场景代入试试。有人已经在解释过了vue的VNode约束问题 详见。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js