SOURCE

// Report collected data to `http:// + window.location.host + /browser/perfData` in default
ClientMonitor.register({
    pagePath: location.href,
    service: 'test-ui',
    serviceVersion: 'v1.0.0',
});


var Main = {
    mounted() {

    },
    data() {
        return {
            show: false,
        }
    },
    methods: {
        getColumn() {
            this.show=!this.show
            setTimeout(() => {
                this.$refs.xGrids.getColumn()
            }, 1000)

        }
    }
};

var Ctor = Vue.extend(Main);
new Ctor().$mount('#app')

<script src="https://cdn.jsdelivr.net/npm/vue">

</script>

<script src="https://cdn.jsdelivr.net/npm/skywalking-client-js@0.2.0/lib/index.min.js">

</script>

<div id="app">
	<template>
		<button v-if='show===true' ref='xGrids' @click='getColumn'>demo</button>
        <button v-else ref='xGrids1' @click='getColumn'>demo1</button>
	</template>
</div>