计算属性:能够将计算结果缓存起来的属性,计算出来的结果保存在属性中,内存中运行:虚拟Dom。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<body>
<!--view层-->
<div id="app">
<p>currentTime1:{{currentTime1()}}</p>
<p>currentTime2:{{currentTime2}}</p>
</div>
<!-- 1.导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script><script>
// model层
var vm = new Vue({
el:"#app",
data:{
message:"hello,swk"
},
methods:{
currentTime1:function () {
return Date.now();//返回一个时间戳
}
},
computed:{ //计算属性
currentTime2:function () {
return Date.now();//返回一个时间戳
}
}
})
</script>
</body>
</html>
注意 currentTime1(),currentTime2;
将计算结果缓存起来。
计算属性的主要特性就是为了将不经常变化的计算结果进行缓存,以节约我们的系统开销;