vue $attts

在Vue中，$attrs是一个对象，包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。这些特性绑定可以通过 v-bind="$attrs" 传入内部组件。在组件内部，可以通过vm.$attrs获取祖先组件传输的数据。下面是一个例子：

<template>
  <div>
    <child-component v-bind="$attrs"></child-component>
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$attrs.phone) // 访问ComponentA传入的`phone`, ComponentB的props并未接收
    this.$emit('study') // 触发ComponentA绑定`study`事件, 并非ComponentB emit的
  }
}
</script>