1、计算属性和methods的执行结果都是相同的
2、当计算属性没有依赖data中的数据时，第一次使用计算属性时，会把第一次的结果进行缓存，后面再次使用计算属性，都会去第一次的结果中进行查找
3、methods方法，每调用一次，就会触发一次
4、计算属性的用法与data中的数据用法一样，因此计算属性在使用时，不加 ( )
5、methods方法在调用时，( ) 可加可不加
6、计算属性具有缓存功能，methods方法没有
<div id="app"> <p>methods中的方法</p> <p>{{fn1()}}</p> <p>{{fn1()}}</p> <p>{{fn1()}}</p> <hr /> <p>计算属性中的方法</p> <p>{{fn2}}</p> <p>{{fn2}}</p> <p>{{fn2}}</p> </div> <script src="./vue.js"></script> <script> new Vue({ el:"#app", data:{ }, computed:{ fn2(){ console.log('计算属性'); return new Date(); } }, methods:{ fn1(){ console.log('函数方法'); return new Date(); } } }); </script>
