Question

如何显示VueJS2中内部计算的值？实际上，我正在尝试使用计算属性返回值click * 2。因此，我正在使用表达式{{counter}}显示输出。但是我没有得到任何输出，起初它被设置为计数器0（存储在数据中）。甚至我都不用v-一次。那么为什么我的计数器值不通过计算的属性更新？

 <div id="app4">
    <p>counter : {{ counter }}</p>
    <p>clicks : {{ click }}</p>
    <button v-on:click="increment">increment</button>
  </div>

    <script>
      var vm = new Vue({
        el: '#app4',
        data: {
           counter:0,
           click: 0,
        },
       methods: {
           increment() {

               this.click++;
           }
       },
       computed: {
           counter() {
               return this.click * 2;
           }
       }
     });
    </script>

Answer 1

从数据中删除counter，它将起作用。您有两个属性相互影射-一个位于data中，另一个位于computed中。

如何显示VueJS2中内部计算的值？

1 个答案: