Vue.js

index.html

<div id="appFunction">
  <h2>Returned data as a function.</h2>
  <ul>
    <li v-for="item in items">
      {{ item }}
    </li>
  </ul>
</div>

<div id="appObject">
  <h2>Returned data as an Object.</h2>
  <ul>
    <li v-for="item in items">
      {{ item }}
    </li>
  </ul>
</div>

script.babel

new Vue({
  el: '#appFunction',
  // Return as a function.
  data() {
    return {
      items: [
        'one',
        'two',
        'three',
        'four'
      ]
    }
  }
});

new Vue({
  el: '#appObject',
  // Return as a object.
  data: {
    items: [
      'one',
      'two',
      'three',
      'four'
    ]
  }
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.8/vue.min.js"></script>

vue-js.markdown

Vue.js

A Pen by Dano Manion on CodePen.

License.