tyoma_koder
@tyoma_koder

Почему не работает vue.js?

<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}} а не значение переменой и код на кнопку никакое событие не навешивается
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы