Vue2.x 计算属性和函数
写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!
学习来源: Vue + Vue-Cli 快速入门教程
李南江老师各平台账号:
- 微博:极客江南
- 微信公众号:李南江
- 腾讯课堂: 李南江
- 网易云课堂:李南江
计算属性和函数
通过计算属性我们能拿到处理后的数据, 但是通过函数我们也能拿到处理后的数据
那么计算属性和函数有什么区别呢?
1、函数"不会"将计算的结果缓存起来, 每一次访问都会重新求值
2、计算属性"会"将计算的结果缓存起来, 只要数据没有发生变化, 就不会重新求值
计算属性特点
只要返回的结果没有发生变化, 那么计算属性就只会被执行一次
计算属性应用场景
计算属性:比较适合用于计算不会频繁发生变化的的数据
html代码:
<div id="app">
<!--<p>{
{msg1()}}</p>
<p>{
{msg1()}}</p>
<p>{
{msg1()}}</p>-->