computed和watch的区别？

computed和watch都是Vue中的响应式属性，但是它们的作用和使用方式有所不同。

computed是计算属性，它会根据依赖的数据动态计算出一个新的值，并且缓存计算结果，只有当依赖的数据发生变化时才会重新计算。computed的使用方式是在Vue实例中定义一个computed属性，这个属性是一个函数，函数返回的值就是计算结果。

watch是观察者，它会监听一个数据的变化，当这个数据发生变化时，执行相应的回调函数。watch的使用方式是在Vue实例中定义一个watch属性，这个属性是一个对象，对象的属性是要监听的数据，属性的值是一个回调函数，当监听的数据发生变化时，会执行这个回调函数。

总的来说，computed适用于计算复杂的数据，watch适用于监听数据变化并执行相应的操作。

相关问题

1、Vue2的生命周期? 2、created和mounted区别? 3computed 和watch区别? 4 路由的标签是什么? 5、路由之间跳转传参?

1. Vue2的生命周期分为8个阶段，分别是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。

2. created和mounted的区别在于，created是在实例创建之后立即调用的，而mounted是在挂载元素之后调用的。也就是说，在created中可以访问到data、computed、methods等属性，但是无法访问到DOM元素，而在mounted中可以访问到DOM元素。

3. computed和watch的区别在于，computed是计算属性，它会根据依赖自动更新计算结果，并且具有缓存机制，只有当依赖发生改变时才会重新计算；而watch则是监听某个属性的变化，当该属性发生变化时会执行回调函数，它没有缓存机制。

4. 路由的标签是<router-link>，它可以用来生成带有路由功能的链接，可以设置to属性来指定跳转的路由路径。

5. 路由之间跳转传参可以通过在to属性中添加对象或者字符串的形式来传递参数，例如：

<router-link :to="{ path: '/user', query: { name: '张三' } }">跳转到用户页面</router-link>

在接收参数的组件中，可以通过$route对象来获取参数，例如：

// 获取query参数
this.$route.query.name

// 获取params参数
this.$route.params.id

其中，query参数是以键值对的形式传递的，而params参数则是根据路由配置中的占位符来传递的。

computed 和 watch 区别

在Vue.js中，computed和watch都是用于监听数据变化的。但是它们的使用场景和作用有所不同。

computed是计算属性，它会根据依赖的数据自动计算出新的值，当依赖的数据变化时，它会重新计算。computed的特点是具有缓存，只有当依赖的数据发生变化时，才会重新计算，否则会直接返回之前缓存的结果。因此，computed适用于那些根据其他数据计算出结果的场景，比如过滤、格式化等等。

watch是监听器，它会监听指定的数据变化，当数据变化时，执行指定的函数。watch的特点是能够处理异步操作，因为它在数据变化后立即执行函数，而不是等待下一次渲染。因此，watch适用于那些需要在数据变化时执行异步操作的场景，比如请求数据、操作DOM等等。

总的来说，computed适用于计算属性，返回一个新的值；watch适用于监听数据变化后执行一些操作。