Vue的父子组件传值

1.普通方式

<!-- vue实例的挂载点 vue实例只会处理挂载点里面的内容 -->
    <div id="app">
        <input type="text" v-model="inputValue">
        <button @click="handleSubmit">提交</button>
        <ul>
            <!-- <li v-for="(item, index) in list" :key="index">{
  {item}}</li> -->
            <!-- 使用组件 -->
            <todo-item v-for="(item, index) in list" 
                :key="index" 
                :content="item"  //将item值传给子组件的content属性
                :index="index"   //将index值传给子组件的index属性
                @delete="handleDelete"  //接收子组件发射的delete事件
            > 
            </todo-item>
        </ul>
    </div>

<script>
        //注册组件（全局组件&#x