Element-uiパッケージdialogコンポーネント

パッケージ:

    export default {
        data () {
            return {
                visible: this.show
            };
        },
        props: {
            show: {
                type: Boolean,
                default: false
            }
        },
        watch: {
            show () {
                this.visible = this.show;
            }
        }
    };

使用コンポーネント:

    import serviceDialog from './serviceDialog'

    export default {
        data () {
            return {
                show: false
            };
        },
        methods: {
            open () {
                this.show = true;
            }
        },
        components: {
            serviceDialog
        }
    };