Vue 组件实例
对象
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 函数,我们可以用它来停止侦听器。 |