它们似乎都做同样的事情,我不知道什么时候该用哪个

推荐答案

计算(computed)属性与数据属性一样.computed的字面意思是"使用给定值计算".

正如其含义所示,计算(computed)属性是其相关值的计算结果(在vuejs data properties,props中)

例如:

data:{
    lowerCase: 'abcd'
},
computed:{
    uppercase(){
        return this.lowerCase.toUpperCase();
    }
}

在上述示例中,计算(computed)属性uppercase依赖于数据属性lowerCase.它把字母转换成大写.

监视属性更通用,在某种程度上更强大(有点昂贵),可以监视数据属性的变化.

总结差异:

  1. 与监视的属性不同,计算(computed)属性应该返回一个值.

  2. 计算(computed)属性与数据属性一样,可以使用

Vue.js相关问答推荐

在 onMounted 之前渲染的 Vue 模板

组合 API | Vue 路由参数没有被监视

CssSyntaxError 使用 Webpack 4 构建未知单词

带有热重载的 docker 容器上的 Vue.js 应用程序

将 Vue 应用程序挂载到主 Vue 应用程序的容器中

如何使用 Vue 命名插槽呈现静态内容列表?

如何在nuxt路由中添加meta?

store 的 Vuex Classic 模式已弃用,将在 Nuxt 3 中删除

[Vue 警告]:无效的props:propsscrollThreshold的类型判断失败.期望的数字,得到字符串

将 VueJS 数据属性重置为初始值

如何突出显示 Vuetify 菜单中的选定项目?

如何使用 JavaScript 按索引删除数组元素?

如何从 vue-apollo 中访问 this.$route?

Vuex:无法读取未定义的属性'$store'

中文而不是英文的Element UI分页

Vue路由在新页面上回到顶部

使用 Vue.js 获取所有选中复选框的列表

Vue.js 和 jQuery datepicker/timepicker 双向绑定

将 Vue props与默认值合并

超过最大调用堆栈大小 Vuetify