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() | 用于创建观察者,并返回一个我们可以用来停止观察者的停止函数 |