[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance

warning如下:

[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance:

在warnign下面有个链接
http://vuejs.org/guide/components.html#Fragment_Instance

点进去直接找fragment instance这个关键词

出现fragment instance有多种情况
There are multiple conditions that will turn a Vue instance into a fragment instance:

  1. Template contains multiple top-level elements. (模版包涵了多个顶级元素 说白了 你的模版元素没有唯一一个父元素)
  2. Template contains only plain text.(模版里面只包涵纯文本)
  3. Template contains only another component (which can potentially be a fragment instance itself).(模版只包含另外一个组件,而这个组件本上可以就是一个fragment instance)
  4. Template contains only an element directive, e.g. <partial> or vue-router’s<router-view>.(模版只包含<partial>或者<router-view>组件 )
  5. Template root node has a flow-control directive, e.g. v-if or v-for.(模版根节点被v-if活着v-for有个逻辑判断)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容