在Vue的开发中，监听是一个非常重要的功能。通过监听，我们可以实时读取组件的变化和更新，从而更好地控制组件的数据和行为。那么，如何设置监听呢？下面我们就来详细介绍一下Vue中监听的相关知识。

Vue的监听有两种方式：一种是通过$watch方法来进行监听，另一种是通过在模板中使用v-on指令来进行监听。

首先我们来看$watch方法。$watch是Vue提供的一个方法，它可以在数据变化时自动触发其中的回调函数，从而实现对数据的监听。它的基本语法如下：

vm.$watch('expression', callback, [options])

其中，expression表示要监听的数据，可以是一个变量、一个计算属性或一个方法的返回值；callback表示当监听的数据变化时所要执行的回调函数；options表示一些可选的选项，例如deep、immediate等。

下面我们来看一个具体的例子：

var vm = new Vue({
data: {
message: 'Hello, Vue!'
}
});
vm.$watch('message', function(newVal, oldVal){
console.log('message的值由 "' + oldVal + '" 变为 "' + newVal + '"');
});

在这个例子中，我们首先创建了一个Vue实例，定义了一个data属性message，并将它初始化为'Hello, Vue!'。然后，我们通过$watch方法对message进行监听，在message变化时输出变化前后的值。这样，每当我们修改message的值时，控制台就会输出类似于"message的值由 'Hello, Vue!' 变为 'Welcome to Vue!'"的信息。

除了$watch方法外，Vue还提供了另一种监听方式：在模板中使用v-on指令。v-on指令可以用来监听DOM元素的事件，例如click、input、change等。它的基本语法如下：

点击我！

其中，v-on:click表示要监听的事件类型，doSomething表示要执行的方法。我们可以在Vue实例的methods属性中定义doSomething方法，并在其中编写事件处理逻辑。例如：

var vm = new Vue({
methods: {
doSomething: function(){
console.log('Hello, Vue!');
}
}
});

在这里，我们定义了一个doSomething方法，当点击按钮时会在控制台输出'Hello, Vue!'。通过这种方式，我们可以非常方便地实现对DOM元素事件的监听。

总的来说，Vue中的监听是非常重要的功能，在实际开发中经常使用。无论是通过$watch方法还是v-on指令，都可以实现对数据和DOM元素的监听，从而更好地掌控Vue组件的数据和行为。