Vue高级特性有哪些具体应用场景？

本文共计4793个文字，预计阅读时间需要20分钟。

Vue为我们的项目提供了许多高级特性，学习和掌握它们有助于提高你的代码水平。一、watch进阶

从我们刚开始学习Vue的时候，对侦听属性（watch）都是简单使用：`watch: { a() { /* doSomething */ } }`。

Vue为我们提供了很多高级特性，学习和掌握它们有助于提高你的代码水平。

一、watch进阶

从我们刚开始学习Vue的时候，对于侦听属性，都是简单地如下面一般使用：

watch:{ a(){ //doSomething } }

实际上，Vue对watch提供了很多进阶用法。

handler函数

以对象和handler函数的方式来定义一个监听属性，handler就是处理监听变动时的函数：

watch:{ a:{ handler:'doSomething' } }, methods:{ doSomething(){ //当 a 发生变化的时候，做些处理 } }

handler有啥用？是多此一举么？用途主要有两点：

1 将处理逻辑抽象出去了，以method的方式被复用

2 给定义下面两个重要属性留出了编写位置

deep属性

不知道你注意到了没有？

当watch的是一个Object类型的数据，如果这个对象内部的某个值发生了改变，并不会触发watch动作！

也就是说，watch默认情况下，不监测内部嵌套数据的变动。