简述Vue的实例属性、实例方法

1、实例属性

• 组件树访问
  • $parent -----> 用来访问当前组件实例的父实例；
  • $root -----> 用来访问当前组件树的根实例，如果当前组件没有父实例，则$root表示当前组件实例本身；
  • $children -----> 用来访问当前组件实例的 直接 子组件实例；
  • $refs -----> 用来访问使用了v-ref指令的子组件；
• DOM访问
  • $el -----> 用来访问挂载当前组件实例的DOM元素；
  • $els -----> 用来访问使用了v-el指令的DOM元素（已经被废除）；
• 数据访问
  • $data -----> 用来访问组件实例观察的数据对象，该对象引用组件实例化时选项中的data属性；
  • $options -----> 用来访问组件实例化时的初始化选项对象；

2、实例方法

• 内部插入

$appendTo()可以将el指向的DOM元素或片段插入到目标元素中；

第一个参数：选择器字符串或者DOM元素

第二个参数：callback回调函数，成功插入到目标元素后被触发（并且如果el应用了过渡效果，则回调在过渡完成后触发）

• 同级插入
• $before()可以将el指向的DOM元素或片段插入到目标元素之前；

第一个参数：选择器字符串或者DOM元素

第二个参数：callback回调函数，成功插入到目标元素后被触发（并且如果el应用了过渡效果，则回调在过渡完成后触发）

• $after()可以将el指向的DOM元素或片段插入到目标元素之后；

第一个参数：选择器字符串或者DOM元素

第二个参数：callback回调函数，成功插入到目标元素后被触发（并且如果el应用了过渡效果，则回调在过渡完成后触发）

• 删除

$remove()可以将el指向的DOM元素或片段从DOM中删除；

只有一个callback作为参数，在el元素从DOM中删除完成后触发（并且如果el应用了过渡效果，则回调在过渡完成后触发）

• 延迟

$nextTick()延迟回调函数的执行，直到DOM结构加载完成；

只有一个callback作为参数，回调函数的this会自动绑定到调用它的Vue实例上；

3、实例Event方法的使用

• 监听
  • $on(event（事件名称），callback)监听实例的自定义事件，回调会在触发“触发事件”后进行触发
  • $once(event（事件名称），callback)监听实例的自定义事件，但只执行一次，回调会在触发“触发事件”后进行触发
• 触发
  • $emit（event（事件名称），args（传递给监听函数的参数））用来触发事件；
  • $dispatch（event（事件名称），args（传递给监听函数的参数））用来派发事件，即先在当前实例触发，然后沿着父链一层一层向上，如果对应的监听函数返回false后停止；
  • $broadcast（event（事件名称），args（传递给监听函数的参数））用来广播事件，即遍历当前实例的$children，如果对应的监听函数返回false后就停止；
• 删除
  • $off（event（事件名称），callback）用来删除事件监听器；（如果没有参数，删除所有的事件监听器；如果只提供一个事件名称参数，则删除这一个事件监听器；如果提供事件名与回调，则删除对应的回调函数）

4、发现的问题