vue里computed的get和set

    <div id="app">
        <p>price: <input type="text" v-model=‘price‘>{{price}}</p>
        <p>mount: <input type="text" v-model=‘mount‘></p>
        <p>toltal: {{calculate}} </p>
        <button v-on:click=‘change‘>changePrice</button>//当改变了calculate的值得时候，会执行calculate的set方法，且传入参数

    </div>
    <script src="vue.js"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                price: 0,
                mount: 0,

            },
          methods:{
           change:function(){
               this.calculate = 100;
           }
           
          },
          computed:{
            calculate:{//这个calculate不能是函数而是对象了。
                get: function(){
                    alert(‘get执行了‘)//页面渲染时会执行一次get来获取calculate的值
                    return this.price * this.mount
                },
                set:function(value){
                    alert(‘set执行了‘);
                    this.price = 10;
                    this.mount = 10
                }
            }
          }
        })