vue 警告：Template compilation error: Tags with side effect (＜script＞ and ＜style＞) are ignored in ....

最新推荐文章于 2024-03-10 00:19:10 发布

在线小白www

最新推荐文章于 2024-03-10 00:19:10 发布

阅读量1.3w

点赞数 7

分类专栏： Vue Vue3 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_43654065/article/details/124801977

版权

48 篇文章 2 订阅

订阅专栏

15 篇文章 0 订阅

订阅专栏

vue警告：

app是否挂载到body上了

app的挂载尽量挂载到最外层的div上，不要挂载到body上，避免一些其他情况的发生，让vue的使用更灵活。

script标签或者style标签是否在body中间加载。一般情况下，script的引入在head标签或者body标签的最后面。但是有些特殊情况，需要在页面的中间引入script，这个时候就会报出警告。

可以用v-is="'script'"代替script，style同理，如下

<div v-is="'script'">
    console.log("P")
</div>

<div v-is="'style'">
    .test{background-color:red}
</div>

但是在vue3.1.0中，已经废弃v-is，可以使用内置组件component插入script和style

<component is="script">
    console.log("P")
</component>

<component is="style">
    .test{background-color:red}
</component>

关注