<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@3.0.11/dist/vue.global.js"></script>
</head>
<body>
<div id="vif">
<button v-on:click="toggleShow">показать h1</button>
<h1 v-if="show">{{show}}</h1>
</div>
</body>
const vif = Vue.createApp({
data() {
return {
show: false
}
},
methods:{
toggleShow(){
this.show = this.show ? false : true;
}
}
})
vif.mount("#vif");
в h1 выводится {{show}} а не значение переменой и код на кнопку никакое событие не навешивается
