Vue 组件实例

对象

Vue 在组件实例中有一组对象。

对象 描述
$attrs 表示组件标签上设置的fallthrough属性和事件监听器。
$data 表示Vue实例的数据部分存储的属性。
$el 表示Vue组件的根DOM节点。
$parent 表示父组件的Vue实例。
$props 表示接收组件中声明的 props。
$refs 表示标有内置"ref"属性的 DOM 元素。
$root 表示整个 Vue 应用程序的根组件的 Vue 实例。
$slots 表示父组件提供的插槽。

方法

Vue 在组件实例中有一组方法,可以通过"this"关键字访问这些方法。

方法 描述
$emit() 触发一个用于与父组件进行通信的自定义事件
$forceUpdate() 强制重新渲染 Vue 应用程序
$nextTick() 等待当前Vue组件的DOM更新周期完成后再执行
$watch() 用于创建观察者,并返回一个我们可以用来停止观察者的停止函数