title: What is difference between 'data:' and 'data()' in Vue.js?
body: <p>I have used data option in two ways. In first snippet data object contains a key value, however, in second data is a function. Is there any benefits of individuals.Not able to find relevant explanations on Vue.js Docs
  Here are two code snippets:</p>
  
  <pre><code>new Vue({
    el: "#app",
    data: {
        message: 'hello mr. magoo'
      }
  
  });
  
  new Vue({
    el: "#app",
    data() {
      return {
        message: 'hello mr. magoo'
      }
    }
  });
  </code></pre>
  
  <p>Both are giving me the same output.</p>