Vue - 实例

1、实例属性介绍如下图所示：

具体介绍如下：

A、$parent：访问当前组件的父实例

 

B、$root：访问当前组件的根实例，要是没有的话，则是自己本身

 

C、$children：访问当前组件实例的直接子组件实例

 

D、$ref：访问使用了v-ref指令的子组件

 

E、$el:当前用来访问挂载当前组件实例的DOM元素

 

F、$els：访问$el元素中使用了v-el指令的DOM元素

 

G、$data：组件实例化时选项中的data属性

 

H、$options：组件实例化时的初始选项对象

 

2、实例DOM方法

具体介绍如下：

 A：$appendTo():将el所指的DOM元素或片段插入到目标元素中，接受2个参数，一个是elementOrSelector（可以是一个选择器字符串或者DOM元素）、callback（在插入后触发，要是含有过渡效果，会在过渡完成后触发）

 

B：$before：将el所指的DOM元素或片段插入到目标元素之前，接受2个参数，一个是elementOrSelector（可以是一个选择器字符串或者DOM元素）、callback（在插入后触发，要是含有过渡效果，会在过渡完成后触发）

 

C：$after：将el所指的DOM元素或片段插入到目标元素之后，接受2个参数，一个是elementOrSelector（可以是一个选择器字符串或者DOM元素）、callback（在插入后触发，要是含有过渡效果，会在过渡完成后触发）

 

D：$remove：将el所指的dom元素或者片段从DOM中删除，接受一个参数callback（在删除后触发，要是含有过渡效果，会在过渡完成后触发）

 

E：$nextTick()：在下次DOM更新循环后执行指定的回调函数，使用该方法可以保证DOM中的内容与最新的数据同步，接受一个参数callback：在下次DOM更新循环的后调用执行，与全局的nextTick方法一样，不同的是，callback中的this会自动绑定到调用它的Vue实例中

 

3、Event方法的使用

 

具体介绍如下：

A：$on：监听实例上的自定义事件，接收2个参数event(字符串)，可以是一个事件名称；callback（函数），回调函数，该回调函数会在执行$emit，$broadcast或者$dispatch后触发

 

B：$once():监听自定义事件，只触发一次，接收2个参数event(字符串)，可以是一个事件名称；callback（函数），回调函数，该回调函数会在执行$emit，$broadcast或者$dispatch后触发

 

C：$emit():用来触发事件，event(字符串)，可以是一个事件名称，args（可选），传递给监听函数的参数

 

D：$dispatch()：用来派发事件，即先在当前实例触发，再沿父链一层一层向上，如果对应的监听函数返回false就停止，event(字符串)，可以是一个事件名称，args（可选），传递给监听函数的参数

 

E:$broadcast()：广播事件，即遍历当前实例的$children,如果对应的监听函数返回false就停止，event(字符串)，可以是一个事件名称，args（可选），传递给监听函数的参数

 

F:$off():删除事件监听，接受两个参数，一个event（string），事件名称，一个回调函数（可选），如果要是没有参数，删除所有的事件监听器，如果只提供一参数-事件名称，删除对应的所有监听器；如果提供两个参数-事件名称以及回调函数，即删除对应的这个回调函数