Vue.js组件开发：从一个简单的例子说起

      <ol>
        <!-- <li v-for="thing in someThings" >
          {{ thing.name }}
        </li> -->
        <thing-liv-for="thing in someThings" v-bind:something="thing"></thing-li>
      </ol>

Vue.component(‘thing-li‘, {
  props: [‘something‘],
  template: ‘<li>{{ something.name }}</li>‘
});
var app = new Vue({
  el: ‘#app‘,
  data: {
    message: ‘Hello‘,
    someThings: [
      { name: ‘oral‘ },
      { name: ‘peanuts‘ }
    ]
  }
});