Vue中computed( )使用场景

Vue中computed( )使用场景

以前在学习vue时总领悟不到computed的使用场景，觉得methods就够了。

今天遇到的问题让我想起尝试使用computed，发现特别方便！

问题是需要将原来的1,2,3,4更改为四级，三级，二级，一级。数据有的从数据库提取展示，有的是录入后传给数据库。

1、之前使用的方法是在得到riskLevelKey以后转成riskLevel。（截图只是调用的其中一次，该页面有多次调用，解决的痛点就在这里）

2、使用computed( )以后只需要将中换成riskLevel即可，根本不需要在每次都调用一次modifyRiskPoint( )，一劳永逸！


最后需要注意的是computed虽然有set方法，但是一般不使用，所以不能用v-model，否则会有警告，毕竟v-model是双向绑定，只有get没有set当然会警告啦。