[Vue warn]: Templates should only be responsible for mapping the state to the UI

最新推荐文章于 2021-12-01 19:21:18 发布

转载最新推荐文章于 2021-12-01 19:21:18 发布 · 1.6w 阅读

文章标签：

#vue

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文解释了一个常见的Vue警告，即当Vue实例在其挂载元素内部声明时触发的问题，并提供了简单的解决办法：确保实例化代码位于外部。

出现这个警告的原因可能是你新建VUE实例的代码放在了被绑定的组件当中

比如

<div id='list'>

<ul v-for='li in data'>
<li></li>

</ul>

<script>
var vm=new Vue({
el:'#list',//因为创建实例的代码放在了#list这个模块当中，导致的错误，把这段代码放在list模块之外即可
data:data

})

</script>
</div>