File size: 540 Bytes
4d70170 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<script>
export default {
components: {
InIf: {
name: 'InIf',
mounted() {
this.$emit('hi')
},
template: '<div>Inside v-if</div>',
},
},
data() {
return {
show1: false,
show2: true,
}
},
}
</script>
<template>
<div>
<button @click="show1 = !show1">
Toggle 1
</button>
<InIf
v-if="show1"
key="1"
/>
<button @click="show2 = !show2">
Toggle 2
</button>
<InIf
v-if="show2"
key="2"
/>
</div>
</template>
|