实例 Vue 使用 $attrs 对象来显示贯穿属性 id 和 title 及其值

<template>

  <h2>Example $attrs Object</h2>

  <p>There are four elements on the root level of the component.</p>

  <p>The v-bind="$attrs" adds the "pink" id, and title fallthrough attributes to the p-tag.</p>

  <p>(The title attribute creates a tooltip text when the mouse pointer hovers for a second or so over the pink p tag.)</p>

  <div>

    <info-box 

      id="pink"

      title="This is the title"

    />

  </div>

</template>

​

<style scoped>

div {

  border: solid black 1px;

  padding: 0 10px;

  width: 250px;

}

</style>