Vue的计算属性

在Vue中的数据变量之间也是可以进行用运算符计算的

{{num}}*{{price}} //显示500
-----------------
var vm=new Vue({
el:"#app",
data:{
	num:5,
	price:100}
})

还可以使用[computed]Vue计算属性来进行运算
计算属性,这里面的属性写在DOM结构中的时候,直接写函数名就可以,不需要执行,编译的时候回自动执行

 <input type="text" v-model="product">
 双向绑定product值,改变input框中的值会倒推运算
    {{num}}*{{price}}={{product}}
    显示 5*100=500 
----------------------------
var vm=new Vue({
	el:"#app",
	data:{
		num:5,
		price:100
	},
	computed:{
	get:function(){
		retrun this.num*this.price;
		},
	set:function(product){
	形参product就是当前的product
		return this.num=product/this.price
		}
	}
	})