//todo.vue ,这是父组件

<template>

<section id="todo">

<input

class="add-input"

type="text"

autofocus="autofocus"

placeholder="接下来做些什么呢？"

@keyup.enter="addToDo"/>

<Item :todo="todo"></Item>

<Tabs></Tabs>

</section>

</template>

<script>

import Item from '../components//item.vue'

import Tabs from '../components//tabs.vue'

export default {

components:{

Item,

Tabs

},

//item子组件中就只写了一个div，但是在浏览器中渲染不出来

</script>