title: [Vue warn]:Property or method is not defined on the instance but referenced during render
body: <p>I use laravel 5.7 and vue 2.5.7, I just learned vue.js a few weeks ago, I'm following an advanced series to make a blog using laravel and vue on youtube. I thought I had followed what was done in the video correctly, there was nothing different other than the version of laravel and vue that I used with the one in the video.</p>
  
  <p>this is the video: <a href="https://www.youtube.com/watch?v=hEjrUCEN3WY" rel="nofollow noreferrer">User CRUD - Build an Advanced Blog/CMS (Episode 12)</a>.</p>
  
  <p>in one episode, we started using vue, and I immediately got an error like this:</p>
  
  <blockquote>
    <p>[Vue warn]: Property or method "autoPassword" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. (found in Root)</p>
  </blockquote>
  
  <p>I don't understand what's happening, but this is the code:</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>require('./bootstrap');
  
  window.Vue = require('vue');
  import Buefy from 'buefy'
  
  Vue.use(Buefy)
  
  var app = new Vue({
    el: '#app'
  });
  </code></pre>
  
  <p><strong>layout.blade.php</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      @include('partials.meta-tags')
      &lt;title&gt;Dashboard | Bulma CMS&lt;/title&gt;
      @include('partials.styles')
    &lt;/head&gt;
    &lt;body class="has-navbar-fixed-top"&gt;
      &lt;div id="app"&gt;
        &lt;header&gt;
          @include('partials.nav.top')
          @include('partials.nav.side')
        &lt;/header&gt;
        &lt;main class="has-sidenav-fixed-left"&gt;
          &lt;div class="p-4"&gt;
            @yield('content')
          &lt;/div&gt;
        &lt;/main&gt;
      &lt;/div&gt;
      &lt;script src="{{ asset('js/app.js') }}"&gt;&lt;/script&gt;
      @yield('scripts')
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>users/create.blade.php</strong></p>
  
  <pre><code>@extends('layout')
  
  @section('content')
    &lt;div class="columns"&gt;
      &lt;div class="column"&gt;
        &lt;h1 class="title"&gt;Manage Users&lt;/h1&gt;
        &lt;form action="{{ route('users.store') }}" method="POST" autocomplete="off"&gt;
          @csrf
          &lt;div class="field"&gt;
            &lt;div class="control"&gt;
              &lt;input type="text" name="name" placeholder="Name" class="input" required /&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="field"&gt;
            &lt;div class="control"&gt;
              &lt;input type="email" name="email" placeholder="Email" class="input" required /&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="field"&gt;
            &lt;div class="control"&gt;
              &lt;input type="password" name="password" placeholder="Password" class="input" :disabled="autoPassword" required /&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="field"&gt;
            &lt;div class="control"&gt;
              &lt;b-checkbox name="auto_password" :checked="true" v-model="autoPassword"&gt;Auto Generate Password&lt;/b-checkbox&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="field"&gt;
            &lt;div class="control"&gt;
              &lt;button class="button"&gt;Submit&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  @endsection
  
  @section('scripts')
    &lt;script&gt;
      var app = new Vue({
        el: '#app',
        data: {
          autoPassword: true
        }
      });
    &lt;/script&gt;
  @endsection
  </code></pre>
  
  <p>one more thing, I use buefy checkbox</p>
  
  <pre><code>&lt;b-checkbox name="auto_password" :checked="true" v-model="autoPassword"&gt;Auto Generate Password&lt;/b-checkbox&gt;
  </code></pre>
  
  <p>I added <code>:checked="true"</code> to be checked by default as in the video, but what I have is not checked by default.</p>
  
  <p>can anyone help me?</p>