MarginLon MarginLon
首页
  • Web

    • Web基础
    • Web布局
    • CodeSnippet
  • Vue

    • Vue
  • React

    • React
  • Node.js

    • Node.js
  • 技术文档
  • UI组件库
  • 动画库
  • 图形库
  • 桌面端
  • 学习笔记
  • 生活笔记
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

MarginLon

http://info.cern.ch
首页
  • Web

    • Web基础
    • Web布局
    • CodeSnippet
  • Vue

    • Vue
  • React

    • React
  • Node.js

    • Node.js
  • 技术文档
  • UI组件库
  • 动画库
  • 图形库
  • 桌面端
  • 学习笔记
  • 生活笔记
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Vue

    • MVVM
    • 指定视图容器的N种方案
    • data
    • 数据劫持
    • 小胡子语法
    • computed
      • Getter 不应有副作用
      • 避免直接修改计算属性值
      • 计算属性 vs 方法 vs 侦听属性
    • 响应式细节
    • provide和inject
    • EventBus
  • Vue-Router

  • Vuex

  • 《Vue》
  • Vue
MarginLon
2023-02-23
目录

computed

# Getter 不应有副作用

不要在 getter 中做异步请求或者更改 DOM!

# 避免直接修改计算属性值

计算属性的返回值应该被视为只读的,并且永远不应该被更改——应该更新它所依赖的源状态以触发新的计算。

# 计算属性 vs 方法 vs 侦听属性

API (opens new window)

如果一个功能同时可以使用计算属性(computed)、方法(methods)、侦听属性(watch)来实现的时候推荐使用计算属性。

计算属性 方法 侦听属性
计算属性是基于它们的响应式依赖进行缓存的 每当触发重新渲染时,调用方法将总会再次执行函数 有缓存,但相比计算属性,实现起来要复杂很多。
编辑 (opens new window)
上次更新: 2023/04/01, 15:26:22
小胡子语法
响应式细节

← 小胡子语法 响应式细节→

最近更新
01
KnockoutJS
11-12
02
综述
10-17
03
前言
10-12
更多文章>
Theme by Vdoing | Copyright © 2019-2024 MarginLon | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式