vue computed可以修改值吗？Vue中，计算属性computed的使用

<div id="app"> <h1>{{obj.name}}花费：{{obj.price*obj.count obj.freight}}</h1> <h1>计算属性{{obj.name}}花费：{{total}}</h1> 价格：<input type="text" v-model="obj.price"> 份数：<input type="text" v-model="obj.count"> <br> <br> <h2>n={{n}}</h2> <h2>n2={{n2}}</h2> <button @click="change">change</button></div>

<script>new Vue({ //在data的对象或数组对象中添加新的属性的值，不会触发视图更新 el:'#app', data:{ obj:{name:'麻辣烫',price:30,count:2,freight:3}, n:10 }, computed:{ total:function(){ return this.obj.price*this.obj.count this.obj.freight; }, // n2:function(){ // return this.n-5; // } n2:{ get:function(){ //读取时会触发get return this.n -5; }, set:function(val){ //修改计算属性时会触发set console.log(val); //val ===== 20 this.n=val; } } }, methods:{ change:function(){ this.n2=20; //计算属性不能直接修改 计算属性被修改触发set方法 } }})</script>