1. 程式人生 > >vue子元件監聽父元件傳值

vue子元件監聽父元件傳值

vue父元件傳值,在父元件修改值,通知到子元件,其實就是觀察訂閱者模式

vue的實現採用了watch方法

具體的寫法如下:

父元件

<template>

    <load-list :param="param" cate="hide"></load-list>

</template>

param是data函式裡面的一個物件,子元件需要使用監聽物件的watch寫法

watch:{
param: {
    handler(newValue, oldValue) {
                        //父元件param物件改變會觸發此函式
    },
    deep: true
  }

}

如果需要watch其他的資料型別參考這

https://blog.csdn.net/zhouweixue_vivi/article/details/78550738