12-13 针对`@computed`属性和get 函数的区别

最新推荐文章于 2022-05-17 19:24:18 发布

鹿目圆

最新推荐文章于 2022-05-17 19:24:18 发布

阅读量261

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36620428/article/details/84994792

本文探讨了MobX框架中@computed装饰器与自定义get函数的区别，通过具体示例说明了两者在Vue项目中的应用方式，强调了在组件作用域内正确绑定数据的重要性。

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

销户系统相关

1.关于mobx里的各种属性究竟有啥意义一直没搞懂，下面针对@computed属性和get 函数的区别
MobX中@computed和自定义get函数的区别

2.看林大神写的项目时候有如下的一个绑定操作，

 import AccountModel from "@model/account";

 export default class CancelReasonPage extends Vue {
    // 绑定数据
    Account = AccountModel;

    /**
     * 当前原因是否勾选
     */
    optionSelected(reason) {
      return ~AccountModel.cancelReason.indexOf(reason);
    }

就很奇怪为什么要绑定一下，因为明明下面方法引用的还是AccountModel，然而看上面的template就明白了。

 <textarea
      class="remark"
      placeholder="如果您有其他原因，也可以在此填写，我们将持续改进。"
      v-text="Account.cancelReasonRemark"
      @input="Account.inputReasonRemark($event.target.value)"
    >
    </textarea>

因为不绑定数据的话，vue的作用域默认是没有AccountModel的，需要声明一个变量进行绑定。