vue官方文档（7）基本示例

<template>
  <div >
    <todo-item
      v-for="item in toDoList"
      v-bind:to-do="item"
      v-bind:key="item.id"
    ></todo-item>

  </div>
</template>


<script>

// eslint-disable-next-line
//import { Lazyload } from 'vant';
import Vue from 'vue'
//import {Toast} from 'vant';
//import {Notify} from 'vant'
Vue.component('todo-item', {
  // todo-item 组件现在接受一个
  // "prop"，类似于一个自定义 attribute。
  // 这个 prop 名为 toDo。
  props: ['toDo'],
  template: '<li>{{ toDo.text }}</li>'
})


export default {
  data() {
    return {
          toDoList: [
      { id: 0, text: '吃蔬菜' },
      { id: 1, text: '吃奶酪' },
      { id: 2, text: '吃西瓜' }
    ],
    };
  },
    mounted() {
   
  },
  methods: {
  
  },
};
</script>

<style >
  

</style>