以前父組件向子組件中傳值是通過props傳值，子組件不能更改父組件中的值，但是可以通過從父組件中獲取的值定義給自己的data值，這裏父組件可以通過provide向子組件傳遞自己組件中的data值，子組件通過inject獲取父組件提供的值代碼如下：

定義一個子組件：

<template>
  <div>
    {{demo}}
  </div>
</template>
<script>
  export default {
    name: "childone",
    inject: [‘for‘],
    data ()
    {
      return {
 

        demo: this.for
      }
    },
父組件：

<template>
  <div class="hello">
    <childe-one></childe-one>
  </div>
</template>

<script>
  import comone from ‘./com-one‘
  import ChildeOne from ‘./childone‘
export default {
    components : {
      ChildeOne
    },
  provide() {
 

      return {for: this.demo}
  },
  data () {
    return {
      demo:‘中國‘,
    }
  }
}
</script>
在父組件中定義provide方法返回屬性對象，屬性為for，屬性值是組件中的data值，子主件childe-one通過inject接收父組件傳遞的for,子組件在自己的data中定義變量demo接收父組件的for,這樣就實現了
父組件傳遞子組件的值，

vue 高級屬性父組件provide向子組件發送數據，子組件通過inject接收數據