<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

<div id="app">

    <p>点击元素输出元素内容:</p> 

    <ol>

    <todo-item v-for="item in sites" v-bind:todo="item" @click.native="alert(item.text)"></todo-item>

    </ol>

</div>

Vue.component('todo-item', {

  props: ['todo'],

  template: '<li>{{ todo.text }}</li>'

})

new Vue({

  el: '#app',

  data: {

    sites: [

      { text: 'Runcodex' },

      { text: 'Google' },

      { text: 'Taobao' }

    ]

  }

})