ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
一、 组件树 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):触发事件 4)$off(event, callback):删除时间监听 六. vue实例的生命周期 ![vue-live](https://box.kancloud.cn/ad5de57afa95454124970aaa6226cc6d_645x1358.png)