title: Vue.js data not available in created() function
body: <p>I'm having issues with initialising my Vue component with data from localStorage. Here is a simplified version of my code</p>
  
  <pre><code>new Vue({
      el: "#my-element",
      created: () =&gt; {
          if (window.localStorage.getItem("verified")) {
              this.verification.verified = true;
          }
      },
      data: {
          verification: {
              verified: false
          }
      }
  });
  </code></pre>
  
  <p>But I keep getting an error on the console <code>Cannot read property 'verification' of undefined</code></p>
  
  <p>If I put a <code>debugger</code> in the created() function, and I check the values of <code>this</code>, <code>this.verification</code> and <code>this.verification.verified</code>, they're all set to the values I have initialized with in the data object.</p>
  
  <p>Can someone explain what I am doing wrong?</p>
  
  <p>Basically I'm trying to hide an element when the page loads if the user has already gone through the verified process at any previous time.</p>