vue计算属性computed
Vue计算属性
计算属性：计算出来的结果保存在属性中，内存中运行（缓存）
特性：将不经常变化的计算结果进行缓存，以节约系统开销
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<p>currentTime1{{currentTime1()}}</p> <!--方法后面必须加括号否则不会显示时间戳-->
<p>currentTime2{{currentTime2}}</p> <!--通过属性调用-->
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script>
var vm=new Vue({
el: "#app",
data: {
message: "hello!"
},
methods: {
currentTime1: function () {
return Date.now(); //返回当前时间戳
}
},
computed: { //计算属性，methods与computed中的方法名不能相同，相同则使用methods中的方法
currentTime2: function () {
return Date.now(); //返回当前时间戳
}
}
});
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 零经验选手，Compose 一天开发一款小游戏！
· 因为Apifox不支持离线，我果断选择了Apipost！
· 通过 API 将Deepseek响应流式内容输出到前端
2022-01-03 java数组及Arrays类中常用方法与内存分析
2022-01-03 java递归与加减乘除计算器的实现