回答編集履歴
1
追記
    
        answer	
    CHANGED
    
    | @@ -1,3 +1,22 @@ | |
| 1 1 | 
             
            propsとして親から子に関数を渡せば良いです。
         | 
| 2 2 |  | 
| 3 | 
            +
            親
         | 
| 4 | 
            +
            ```html
         | 
| 5 | 
            +
            <box visibility-changed="this.visibilityChanged"></box>
         | 
| 6 | 
            +
            ```
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            子
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            ```js
         | 
| 11 | 
            +
            props: {
         | 
| 12 | 
            +
              visibilityChanged: Function,
         | 
| 13 | 
            +
            }
         | 
| 14 | 
            +
            ```
         | 
| 15 | 
            +
             | 
| 16 | 
            +
            動作確認はしてませんがこんな感じかと。
         | 
| 17 | 
            +
            適切ならば子の方で `this.visibilityChanged()` で呼び出せるはずです。
         | 
| 18 | 
            +
             | 
| 19 | 
            +
            # 参考
         | 
| 20 | 
            +
             | 
| 21 | 
            +
            [https://jp.vuejs.org/v2/guide/components-props.html](https://jp.vuejs.org/v2/guide/components-props.html)
         | 
| 3 | 
            -
            https://teratail.com/questions/102635
         | 
| 22 | 
            +
            [https://teratail.com/questions/102635](https://teratail.com/questions/102635)
         | 
