我正在按照 YT 上的一个频道学习 vue js，该视频是去年发送的，所以我认为由于 VueJS 本身的一些变化，它不起作用，但如果你们能帮助我，那就太好了
代码链接：http://codepen.io/myrgato/pen/BWWxdQ http://codepen.io/myrgato/pen/BWWxdQ
HTML
<script src="https://unpkg.com/[email protected] /cdn-cgi/l/email-protection"></script>
<div id="app">
<button @click="increment">Increment</button>
<p>Counter: {{counter}}</p>
<p>Clicks: {{clicks}}</p>
</div>
JS
new Vue({
el: '#app',
data: {
counter: 0,
clicks: 0
},
methods: {
increment(){
this.clicks++;
}
},
computed: {
counter(){
return this.clicks * 2;
}
}
});
它应该计算点击量，然后使用计算属性来显示等于点击次数两倍的计数器，但由于某种原因它不起作用。
简短但完整的答案：
切勿使用相同的名称data变量和computed.
将数据和计算视为同一个对象，因此名称不能重复。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
