title: How to access variables in a Vue component from the JS Console?
body: <p>I have a template like this: </p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;{{hello}}&lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    data() {
      hello: "Hello World!",
      secret: "The answer is 42"
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I get, and manipulate the value of <code>secret</code> from the Chrome debugging console? </p>
  
  <p>I have installed the Vue extension which allows me to look at my component and see the variables. What I would like to do is to get these variables and manipulate them. </p>
  
  <p>Is this possible?</p>