积土成山，风雨兴焉；积水成渊，蛟龙生焉；积善成德，而神明自得，圣心备焉。故不积跬步，无以至千里，不积小流无以成江海。齐骥一跃，不能十步，驽马十驾，功不在舍。面对悬崖峭壁，一百年也看不出一条裂缝来，但用斧凿，能进一寸进一寸，能进一尺进一尺，不断积累，飞跃必来，突破随之。

目录

实现父组件从数据库获取数据，并动态传递给子组件。

子组件

<template>
  <div>
  </div>
</template>

<script>

export default {
  name: "gradeShow",
  props:{
    typeID: String //参数
  },
  data(){
    return{
      typebh: this.typeID
    }
  },
  watch:{
    typeID(newVal, oldVal) { //名称为监听的属性，新值和旧值
      this.typebh = newVal;
      console.log(oldVal)
      console.log('newtypeID'+this.typebh)
    },
  }, 
  //如果看着比较复杂，下面的可以不要
  methods:{
    getTypeID(){
      console.log('firsttypeID:'+this.typebh)
    }
  },
  created() { //获取第一次的值
    this.getTypeID()
  }
}
</script>

<style scoped>

</style>

父组件

<template>
  <div>
    <div class="showTab">
      <Grade :typeID="typeState" />
    </div>

  </div>

</template>

<script>
export default {
  name: "index",
  components:{
    Grade
  },
  data(){
    return{
      typeState:'abc'
    }
  },

}
</script>

<style scoped>

</style>