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 有什么区别？一般你都在什么地方使用？

`computed` 和 `watch` 都是 Vue.js 中用于响应式数据的处理方式，但它们的应用场景是不同的：

- `computed` 是计算属性，它会根据依赖的数据自动计算出一个新的值，并且缓存这个值，只有当依赖的数据变化时才重新计算；

- `watch` 监听一个特定的数据，当这个数据变化时执行一些操作，可以用来响应数据的变化并执行异步或开销较大的操作。

一般来说，当需要根据数据的变化计算出一个新的值时，使用 `computed`；当需要在数据变化时执行一些操作时，使用 `watch`。

在实际开发中，`computed` 通常用于模板中需要多次使用计算结果的情况，而 `watch` 通常用于监听某个数据的变化并执行一些操作的情况，例如网络请求或其他异步操作。