computed和watch的区别和应用场景是什么？

computed：是一个computed属性，依赖于其他属性值，computed的值被缓存。只有当它所依赖的属性的值发生变化时，才会在下次获取computed的值时重新计算computed的值；watch:more是“观察”的功能，类似于一些数据的监听回调。每当监控到的数据发生变化时，都会执行回调，进行后续操作；应用场景：当我们需要进行数值计算，依赖其他数据时，应该使用computed，因为可以利用computed的缓存特性，避免每次取到一个值都重新计算；当我们需要在数据更改时执行异步或昂贵的操作时，我们应该使用watch，使用watch选项允许我们执行异步操作（访问API），限制我们可以执行的频率，并设置中间状态直到我们得到最后结果。这些是计算属性不能做的事情。在哪个生命周期调用异步请求？可以在created、beforeMount、mounted这三个钩子函数中调用，因为在这三个钩子函数中，已经创建了数据，可以对服务器返回的数据进行赋值。但是我更推荐在created钩子函数中调用异步请求，因为在created钩子函数中调用异步请求有以下好处：可以更快的获取服务器数据，减少页面加载时间；ssr不支持beforeMount和mounted钩子函数，所以把Contributes放在created里保持一致；Vue组件之间有哪些通信方式？Vue组件之间的通信是面试中经常考到的知识点之一。这个问题有点类似于开放式问题。你回答的方法越多，你得到的分数就越多，这表明你对Vue.js的熟练程度更高。Vue组件之间的通信仅指以下三种通信：父子组件通信、代际组件通信、兄弟组件通信。下面我们将分别介绍每种通信方式，并说明该方式适用于哪些类型的组件通信。(1)props/$emit适用于父子组件通信。这种方法是Vue组件的基础。相信大部分同学都听过，这里就不举例了。引用父页面上的组件1、传值给父页面（data）2、监听子页面的事件（@confirm）在子页面1，获取父页面传来的数据exportdefault{props:{data:Object},data(){...},watch:{data（）{这。formData={...this.data}},},2.将子页面改变的数据传递给父页面保存callback(data){this.$emit('confirm',data)},(2)ref和$parent/$children适用于父子组件通信ref:如果用在普通DOM元素上，引用指向DOM元素；if在子组件上使用时，引用指向组件实例$parent/$children:访问父/子实例

父组件中的数据{{user}}