3-4 计算属性，方法与侦听器
来源：3-4 计算属性,方法与侦听器
风亻
2019-01-26
我尝试了一下，为什么我在使用方法进行计算，进行vm.age值改变时，控制台没有报计算了一次呢？
{{fullName()}}
{{age}}
<script>
var vm = new Vue({
el: "#app",
data: {
firstName: "Yao",
lastName: 'zaofeng',
age: 20
},
methods: {
fullName: function () {
console.log('计算了一次');
return this.firstName + ' ' + this.lastName;
}
}
// 计算属性
// computed: {
// fullName: function () {
// console.log('计算了一次');
// return this.firstName + ' ' + this.lastName;
// }
// }
})
</script>
写回答
3回答
-
风亻
提问者
2019-01-27
已解决，为vue版本号问题
00 -
风亻
提问者
2019-01-26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="vue.js"></script>
</head>
<body>
<div id="app">
{{fullName()}}
{{age}}
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
firstName: "Yao",
lastName: 'zaofeng',
age: 20
},
methods: {
fullName: function () {
console.log('计算了一次');
return this.firstName + ' ' + this.lastName;
}
}
// 计算属性
// computed: {
// fullName: function () {
// console.log('计算了一次');
// return this.firstName + ' ' + this.lastName;
// }
// }
})
</script>
</body>
</html>
00 -
风亻
提问者
2019-01-26
难道是说明现在方法也有缓存机制了吗？
00
相似问题