Vue
的
Computed
计算
属性
的使用
computed
和methods类似
computed
只能调用一次，methods可以调用多次，
computed
如果没有改变就会存在缓存中如果
computed
中的方法有所改变则重新
计算
<!DOCTYPE html>
<meta charset="utf-8">
<title></title>
</head>
vue
计算
属性
的使用(
computed
)
我们在一些数据需要实
时
响应,经常更新的地方使用
计算
属性
,虽然说定义一个方法也可以,直接在{{}}中写入逻辑代码也行,但是难免看起来会有一点麻烦,并且后期也不易维护.
使用
vue
进行
2
个文本框中的数值求和,你可以直接在{{}}中进行运算
<div id="box">
<input type="tex...
计算
属性
会把使用到的data中的
属性
缓存起来，防止页面发生大量重复
计算
， 提升js 运行效率,如果
计算
属性
中使用到的data中那部分数据变了才会重新调用
计算
属性
methods方法没有
计算
结果缓存起来，data任何数据发生改变，方法都会被重新调用一遍 方法常常是作用的事件使用,
计算
属性
常常是动态
计算
结果
时
使用
1.如果是修改了data中监听的某个的
属性
值
计算
属性
就会运行
2
.如果是修改了data中监听的某个
属性
值内部的数据,
计算
属性
就不会重新运行
比如:
计算
属性
使用的是data中的一个数组,某个交互把数
当需要使用多个变量的
计算
结果
时
，若在元素中写表达式将会显得很别扭，此
时
可以利用
vue
的
计算
属性
，将
计算
结果返回给一个
计算
属性
，后面直接使用该
属性
，利用
计算
属性
结合v-module可以实现简单的
计算
器功能
下面只简单的说明其用法
用
计算
属性
得到总价格
<div id="app">
<li v-for='price in books'>...
