属性传值 props

v-for 指令需要以 site in sites 形式的特殊语法， 可以绑定数据到数组来渲染一个列表

v-bind 样式绑定

<ol>
        <test v-for="item in items" v-bind:todo="item"></test>
  </ol>

<script>
    Vue.component('test', {
        props: ['todo'],
        template: '<li>{{todo.text}}</li>'
    })
    var vm = new Vue({
        el: '#app',
        data: {
            items: [
                {text: "小明"},
                {text: "小李"},
                {text: "小美"}
            ]
        }
    })
</script>