Estoy comenzando con vue y estoy haciendo una prueba para cambiar un valor cuando se hace clic en un botón, pero no funciona
<template> <div class="row"> {{ show }} <div class="col-md-4"> <button class="btn btn-primary" @click="change_show">Good</button> </div> <div class="col-md-4"> <button class="btn btn-primary">Bad</button> </div> <div class="col-md-4"> <button class="btn btn-primary">Food</button> </div> </div> </template> <script> export default { name: "buttons", data(){ return{ show: true } }, methods:{ change_show(event){ show = !show; } } } </script> <style scoped> </style>me sale este error
Uncaught ReferenceError: show is not defined¿Cómo puedo acceder a las variables y cambiarlas?
Ha declarado su variable incorrectamente, debe agregar show (y todas sus variables reactivas) en el retorno:
data(){ return{ show: true }; },