在使用vue的时候经常会出现一些小的错误,记录下来。
[Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instanc
这个提示的原因是使用 vue-router 和 vue-loader 插件的时候在最外面那个 template 里面,所有内容的外面没有使用一个div包起来。
如果没有使用div或者其他的元素包起来,vue-router 跳转时,vue不知道要删除哪些东西,所以才会报错。
Template contains multiple top-level elements.
(模版包涵了多个顶级元素,模版元素没有唯一一个父元素)
Template contains only plain text.
(模版里面只包涵纯文本)
Template contains only another component (which can potentially be a fragment instance itself).
模版只包含另外一个组件,而这个组件本上可以就是一个fragment instance)
Template contains only an element directive, e.g. <partial> or vue-router’s<router-view>.
(模版只包含<partial>或者<router-view>组件 )
Template root node has a flow-control directive, e.g. v-if or v-for.
(模版根节点被v-if活着v-for有个逻辑判断)
参考链接
网友评论