Vue之实例属性
来源:互联网 发布:漂亮的html页面源码 编辑:程序博客网 时间:2024/06/10 22:58
一、 组件树
1. $parent:用来访问组件实例的父实例
2. $root: 用来访问当前组件树的根实例
3. $children:用来访问当前组件实例的直接子组件实例
4. $refs:用来访问v-ref指令的子组件
二、DOM访问
1. $el:用来挂载当前组件实例的dom元素
2. $els:用来访问$el元素中使用了v-el指令的DOM元素
三、数据访问
1. $data:用来访问组件实例观察的数据对象
2. $options:用来访问组件实例化时的初始化选项对象
四、DOM方法的使用
1. $appendTo(elementOrSelector, callback):将el所指的DOM元素插入目标元素
2. $before(elementOrSelector, callback):将el所指的DOM元素或片段插入目标元素之前
3. $after(elementOrSelector, callback):将el所指的DOM元素或片段插入目标元素之后
4. $remove(callback):将el所指的DOM元素或片段从DOM中删除
5. $nextTick(callback):用来在下一次DOM更新循环后执行指定的回调函数
五、event方法的使用
1. 监听
1)$on(event, callback):监听实例的自定义事件
2)$once(event, callback):同上,但只能触发一次
2. 触发
1)$dispatch(event, args):派发事件,先在当前实例触发,再沿父链一层层向上,对应的监听函数返回false停止
2)$broadcast(event, args):广播事件,遍历当前实例的$children,如果对应的监听函数返回false,就停止
3)$emit(event, args):触发事件
$off(event, callback):删除时间监听
- Vue之实例属性
- Vue基础之Vue实例
- vue的指令实例属性
- Vue实例的计算属性
- Vue 实例--属性、方法、生命周期
- Vue之props属性
- Vue之$nextTick属性
- Vue之属性
- Vue之计算属性
- vue之计算属性
- Vue之实例详解
- vue之vue实例简单方法
- Vue之计算属性Computed
- 15-Vue 之计算属性
- vue实例属性(vm.$els)
- vue计算属性的使用和vue实例的方法
- Vue之实例的生命周期
- Vue之路之--计算属性
- python学习笔记之(三)7.1用户输入
- UNet详解(转)
- hadoop
- adonis启动流程
- HDOJ 1089 A+B for Input-Output Practice (I)
- Vue之实例属性
- SQL server基础
- (VS2017+OPENCV3.3.1)人脸检测,detectMultiScale内存泄漏处理方法
- 2012年蓝桥杯C/C++本科B组省赛_01
- 微信小程序获取用户OpenId
- 312. Burst Balloons
- Android让屏幕保持常亮的三种方法
- 067day(多态的实现原理)
- Excel在统计分析中的应用—第十章—方差分析-单因素方差分析工具的运用