<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./vue.js"></script>
</head>
<body>
{{a+b}}
{{arr.length}}
<!-- 计算新数据并不复杂,而且过程中也不做其他事 -->
<script type="text/javascript">
// 计算属性
// 由一个或者多个数据经过计算得来的新数据
// 在计算数据的过程中,也可以顺带做一些其他事情
// 注: 如果顺带做了其他事,就一定要使用计算属性
// 如果这个计算过程特别复杂,就一定要使用计算属性
// 计算属性的方法能执行的大前提是计算属性在页面上被使用
// 计算属性的结果会存入缓存,也来数据不改变,后续的结果直接从缓存中拿
// 只要出现在计算属性方法中的数据,都是依赖数据,不管有没有参与计算
// 侦听
// 侦听的核心就是一个方法,当侦听的数据发生改变时就会执行
// 侦听可以简写成一个方法 方法名为侦听数据的名字
// 完整的写发是一个对象,对象名是侦听数据的名字
</script>
</body>
</html>
回顾计算属性和侦听
最新推荐文章于 2025-05-14 23:31:03 发布