Vue的一些特殊API纪录

$nextTick

vue实现响应式并不是数据发生变化后dom立即变化，而是按照一定的策略来进行dom更新。

nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用nextTick，则可以在回调中获取更新后的 DOM。

$router

$router是VueRouter的一个实例，是一个全局的对象，主要实现路由的跳转使用。常用的router.push()和router.replace()方法。push方法会像浏览器的history栈添加一个新纪录。replace替换路由，没有历史记录。

$route

是一个路由信息对象，每一个路由都有一个route对象，是一个局部对象。可以获取name、query、params、path等参数。

vm.$el

获取Vue实例关联的DOM元素

vm.$data

获取Vue实例的data选项（对象）

vm.$options

获取Vue实例的除了data里的其它属性

vm.$refs

获取页面中所有含有ref属性的DOM元素（如vm.$refs.hello，获取页面中含有属性ref = “hello”的DOM元素，如果有多个元素，那么只返回最后一个）

.sync 修饰符

.sync 不是真正的双向绑定，而是一个语法糖，修改数据还是在父组件完成的，并非在子组件。

缺点：

1. 不能和表达式一起使用（如 v-bind:title.sync="doc.title + '!'" 是无效的）；
2. 不能用在字面量对象上（如 v-bind.sync="{ title: doc.title }" 是无法正常工作的）。

vm.$set

1. 由于 JavaScript 的限制，Vue 不能检测以下变动的数组：

   1. 当利用索引直接设置一个项时，例如：this.items[index] = value;
   2. 当修改数组的长度时，例如：vm.items.length = newLength。

2. 由于 JavaScript 的限制，Vue 不能检测对象属性的添加或删除。

$set就是用来解决这些问题的

$attrs和$listeners

$attrs与$listeners 是两个对象，$attrs 里存放的是父组件中绑定的非 Props 属性，$listeners里存放的是父组件中绑定的非原生事件。