Состояние переменной не является обязательным

Question

<button id="btn1"> Button 1 </button>
<button id="btn2" v-if="state == 2"> Button 2 </button>

 export default {
        data() {
            return {
                emailPreferences: {
                    isLoading: false
                },
                state: 0 
            }
        },
       methods: {

        OnBtn1Click() {
            this.state = 2;
        }
      }
  }

Я пытаюсь показать кнопку "btn2", когда нажимаю кнопку 1. Но, похоже, она не работает.

Answer 1

Добавление события нажатия на кнопку

<button @click="OnBtn1Click" id="btn1"> Button 1 </button>

Answer 2

Просто поместите комментарий @ skirtle в awnser:

new Vue({
  el: '#app',
  data: {
    state: 0 
  },
  methods: {
    OnBtn1Click() {
      this.state = 2;
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <button @click="OnBtn1Click" id="btn1"> Button 1 </button>
  <button id="btn2" v-if="state == 2"> Button 2 </button>
</div>

Лог c вашего кода был в порядке, только для кнопки

отсутствовало свойство 'onclick'