前端开发：Vue.js 计算属性computed的使用

前言

在前端开发过程中，对视图渲染的数据实时更新处理是非常有必要的，尤其是涉及到一些需要二次加载或者渲染数据的时候，这样就涉及到表单的实时数据刷新，因此在开发过程中对于实时刷新数据等数据操作是一项比较重要的技能，尤其是对于刚入行的前端开发者来说尤为重要，所以一定要掌握好相关技能。本篇博文来分享一下关于处理一些复杂逻辑时候使用的知识点之一：计算属性，那么就用到了计算属性的computed关键词。

计算属性的使用

一、关键词

    计算属性关键词: computed。

二、用法

     计算属性在处理一些复杂逻辑时是很有用的。

三、注意事项

（1）计算属性，每次其中的函数数值等发生改变后才重新渲染；

（2）计算属性，可用作对vue实例的初始化set函数，可提供接口为Vue实例中的data赋值；

（3）计算属性，它里面关联的对象，即使对象不是在组件作用域内，当对象在外部改变某个属性，同样会发出计算属性的方法。

四、使用computed和methods进行计算的区别

在Vue实例下computed与methods的区别在于：

1、computed：基于依赖缓存，多次调用computed中的计算方法时，当第一次计算出结果后，这个结果会缓存下来。只要computed属性所属定义的实例不发生改变，则第二次不再