Vue computed中的get和set方法

原创

已于 2022-07-22 11:51:10 修改 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2022-07-22 11:50:25 首次发布

Vue.js中的computed属性默认包含get方法，用于获取计算值。当firstName和lastName变化时，fullName自动更新。同时，computed还支持set方法，允许在fullName值被直接修改时进行响应式处理，例如监视并更新firstName和lastName。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

computed中默认情况下只有get
get方法是获取值，可以在get中给computed中定义的变量赋值，即返回当前计算属性值；
set方法是computed中定义的变量改变时，会被触发的一个方法
可在set方法中做一些操作，如值改变时可以监视当前值并更新；

<el-autocomplete class="inline-input"
      popper-class="select-option"
      :size="size"
      :disabled="disabled"
      :debounce="500"
      :maxlength="30"
      ref="inlineInput"
      v-model="searchStr"
      :fetch-suggestions=

最低0.47元/天解锁文章

200万优质内容无限畅学