Vue2.X 计算属性和函数

Vue2.x 计算属性和函数

写在前面: 此博客记录自己学习vue学习笔记,如有侵权,联系删!
学习来源: Vue + Vue-Cli 快速入门教程
李南江老师各平台账号:

  • 微博:极客江南
  • 微信公众号:李南江
  • 腾讯课堂: 李南江
  • 网易云课堂:李南江

计算属性和函数
通过计算属性我们能拿到处理后的数据, 但是通过函数我们也能拿到处理后的数据

那么计算属性和函数有什么区别呢?
1、函数"不会"将计算的结果缓存起来, 每一次访问都会重新求值
2、计算属性"会"将计算的结果缓存起来, 只要数据没有发生变化, 就不会重新求值

计算属性特点
只要返回的结果没有发生变化, 那么计算属性就只会被执行一次

计算属性应用场景
计算属性:比较适合用于计算不会频繁发生变化的的数据

html代码:

<div id="app">
    <!--<p>{
   {msg1()}}</p>
    <p>{
   {msg1()}}</p>
    <p>{
   {msg1()}}</p>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值