Vue 实例上的属性

• Z时代
• 2024-01-10
• 分类：综合

Vue 实例上的属性

组件树

1. $parent：用来访问组件实例的父实例
2. $root: 用来访问当前组件树的根实例
3. $children:用来访问当前组件实例的直接子组件实例
4. $refs:用来访问ref指令的子组件

DOM访问

$el：用来挂载当前组件实例的dom元素
$els\mathrm{：}\mathrm{用}\mathrm{来}\mathrm{访}\mathrm{问}$els：用来访问el元素中使用了v-el指令的DOM元素

数据访问

$data：用来访问组件实例观察的数据对象

$options：用来访问组件实例化时的初始化选项对象

DOM方法的使用

$appendTo(elementOrSelector, callback)：将el所指的DOM元素插入目标元素

$before(elementOrSelector, callback)：将el所指的DOM元素或片段插入目标元素之前

$after(elementOrSelector, callback)：将el所指的DOM元素或片段插入目标元素之后

$remove(callback)：将el所指的DOM元素或片段从DOM中删除

$nextTick(callback)：用来在下一次DOM更新循环后执行指定的回调函数

以上是 Vue 实例上的属性 的全部内容， 来源链接： utcz.com/z/375247.html