vue-实例属性

一、 组件树

1. $parent：用来访问组件实例的父实例

2. $root: 用来访问当前组件树的根实例

3. $children:用来访问当前组件实例的直接子组件实例

4. $refs:用来访问v-ref指令的子组件

二、DOM访问

1. $el：用来挂载当前组件实例的dom元素

2. $els：用来访问$el元素中使用了v-el指令的DOM元素

三、数据访问

1. $data：用来访问组件实例观察的数据对象

2. $options：用来访问组件实例化时的初始化选项对象

四、DOM方法的使用

1. $appendTo(elementOrSelector, callback)：将el所指的DOM元素插入目标元素

2. $before(elementOrSelector, callback)：将el所指的DOM元素或片段插入目标元素之前

3. $after(elementOrSelector, callback)：将el所指的DOM元素或片段插入目标元素之后

4. $remove(callback)：将el所指的DOM元素或片段从DOM中删除

5. $nextTick(callback)：用来在下一次DOM更新循环后执行指定的回调函数

五、event方法的使用

1. 监听

1）$on(event, callback)：监听实例的自定义事件

2）$once(event, callback)：同上，但只能触发一次

2. 触发

1）$dispatch(event, args)：派发事件，先在当前实例触发，再沿父链一层层向上，对应的监听函数返回false停止

2）$broadcast(event, args)：广播事件，遍历当前实例的$children，如果对应的监听函数返回false，就停止

3）$emit(event, args)：触发事件

$off(event, callback)：删除时间监听