vue.js 2 中 computed 和 mounted 的主要区别是什么？

Question

当我添加 computed() 而不是 mounted() 它会引发错误

export default {
  components: {
    MainLayout
  },
  mounted(){
    var x = document.getElementById('homeTabPanes');
    // x.style.background = "blue";
    console.log("check the value of x", x);
  }
}

原文由 Adarsha Jha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

computed 是一个包含返回数据的方法的对象， mounted 是实例挂载后执行的生命钩子，查看文档的链接它有很好的解释

原文由 Mohd_PH 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

来自 docs

..计算属性根据它们的依赖关系被缓存。计算属性只会在其某些依赖项发生更改时重新评估。

另一方面，如果要缓存数据，请使用计算属性 mounted 是一个 生命周期 挂钩，一旦 Vue 实例 安装 在 DOM 上就会调用该方法。

原文由 Abdullah Khan 发布，翻译遵循 CC BY-SA 4.0 许可协议