Vue Component Instance
对象
Vue 在组件实例中有一组对象。
| 对象 | 描述 |
|---|---|
| $attrs | 表示组件标签上设置的透传属性和事件监听器。 |
| $data | 表示存储在 Vue 实例的 data 部分的属性。 |
| $el | 表示 Vue 组件的根 DOM 节点。 |
| $parent | 表示父组件的 Vue 实例。 |
| $props | 表示接收组件中声明的 props。 |
| $refs | 表示用内置的 'ref' 属性标记的 DOM 元素。 |
| $root | 表示整个 Vue 应用程序的根组件的 Vue 实例。 |
| $slots | 表示父组件提供的插槽。 |
方法
Vue 在组件实例中有一组可以通过 'this' 关键字访问的方法。
| 方法 | 描述 |
|---|---|
| $emit() | 触发一个自定义事件,用于向上与父组件通信。 |
| $forceUpdate() | 强制重新渲染 Vue 应用程序。 |
| $nextTick() | 等待当前 Vue 组件的 DOM 更新周期完成,然后再执行。 |
| $watch() | 用于创建观察者,并返回一个可用于停止观察者的 stop 函数。 |