思路:在子组件中使用watch来监听数据的变化。

1.父组件向子组件传值,将dataMsg传递给子组件

<child  :data-msg="dataMsg"></child>

2.子组件props接收dataMsg,watch监听dataMsg的变化

props: {
    dataMsg: {
      type: String, // 这里你接收的值是什么类型就写什么类型
      default: ''" // 接收值的默认值,如果为数组就写[],对象就写{}
    }
  },

watch: {
  dataMsg(newVal, oldVal){
    // newVal是新值,oldVal是旧值
    this.dataMsg = newVal
  }
]
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐