实例 使用子组件中的 $root 对象，在组件树结构的多个级别上更改根组件中 p 标记的颜色

<template>

  <h2>Example $root Object</h2>

  <p v-bind:style="{ backgroundColor: color }">The 'color' data property can be reached and manipulated directly from a child component, even far down the component tree structure, by the use of the $root object.</p>

  <info-box />

</template>

​

<script>

export default {

  data() {

    return {

      color: 'pink'

    }

  }

}

</script>