<div id="app">
<ul>
<li v-for="item in items">
{{item}}
</li>
</ul>
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
items: [11, 46, 78, 35, 25, 98]
},
computed: {
items: function () {
return [1, 2, 3, 4, 5, 6];
}
}
})
在使用vue中的computed时,在data里定义了相同的msg名字,就会出现这种情况。
解决方法是:把computed的函数名改一下
<li v-for="item in newItems">
{{item}}
</li>
newItems: function () {
return [1, 2, 3, 4, 5, 6];
}