Доброго времени суток есть скрипт на vue который должен в компонент загружать содержимое из template по нажатию на одну из кнопок, ошибок никаких нет, но и по нажатию на кнопки так же никакой реакции нет
<body>
<div id="app">
<div>
<div class="container-fluid navbar-inverse bg-inverse">
<div class="row">
<div class="col">
<nav class="navbar">
<form class="form-inline d-flex justify-content-end">
<div>
<button class="btn btn-outline-success mr-3" type="button" @click="switchSign('signin')">Войти</button>
<button class="btn btn-outline-success" type="button" @click="switchSign('signup')">Регистрация</button>
</div>
</form>
</nav>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<signin v-if="sign === signin"></signin>
<signup v-else></signup>
</div>
</div>
</div>
</div>
</div>
<template id="signup">
<div>
<h1>авторизация</h1>
</div>
</template>
<template id="signin">
<div>
<h1>регистрация</h1>
</div>
</template>
<!-- built files will be auto injected -->
<script type="text/javascript" src="src/vue.js"></script>
<script>
Vue.component('signup', {
template: '#signup'
})
Vue.component('signin', {
template: '#signin'
})
const app = new Vue({
name: 'app',
el: '#app',
data: {
},
data() {
return {
sign: 'signin'
}
},
components: {
signin,
signup
},
methods:{
switchSign(currentSign){
this.sign = currentSign;
}
}
});
</script>
</body>