(window.webpackJsonp=window.webpackJsonp||[]).push([[213],{542:function(t,v,e){"use strict";e.r(v);var s=e(3),r=Object(s.a)({},(function(){var t=this,v=t._self._c;return v("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[v("h1",{attrs:{id:"计算属性-vs-方法-vs-侦听属性"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#计算属性-vs-方法-vs-侦听属性"}},[t._v("#")]),t._v(" 计算属性 vs 方法 vs 侦听属性")]),t._v(" "),v("p",[v("a",{attrs:{href:"https://cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E7%BC%93%E5%AD%98-vs-%E6%96%B9%E6%B3%95",target:"_blank",rel:"noopener noreferrer"}},[t._v("API"),v("OutboundLink")],1)]),t._v(" "),v("p",[t._v("如果一个功能同时可以使用计算属性(computed)、方法(methods)、侦听属性(watch)来实现的时候推荐使用计算属性。\n")]),t._v(" "),v("table",[v("thead",[v("tr",[v("th",[t._v("计算属性")]),t._v(" "),v("th",[t._v("方法")]),t._v(" "),v("th",[t._v("侦听属性")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("计算属性是基于它们的响应式依赖进行缓存的")]),t._v(" "),v("td",[t._v("每当触发重新渲染时，调用方法将"),v("strong",[t._v("总会")]),t._v("再次执行函数")]),t._v(" "),v("td",[t._v("有缓存，但相比计算属性，实现起来要复杂很多。")])])])])])}),[],!1,null,null,null);v.default=r.exports}}]);