###元件傳參

父元件向子元件傳遞引數，通過屬性傳遞

    <todo-item v-for="(val,index) in list" :key="index" :centent="val"></todo-item>
    // 定義一個全域性元件，
    Vue.component('todo-item',{
        // 接受外部傳遞的引數
        props:['centent'],
        template:'<li>{{centent}}</li>'
    })

子元件向父元件通訊，子元件可以使用 $emit 觸發父元件的自定義事件。

	<todo-item v-for="(val,index) in list" :key="index" :centent="val" :index="index" @delete="deleteindex"></todo-item>

	 // 定義一個全域性元件，
    Vue.component('todo-item',{
        // 接受外部傳遞的引數
        props:['centent','index'],
        template:'<li @click="handouclick">{{centent}}</li>'
 
,
        methods:{
            handouclick(){
                // $emit 觸發父元件的自定義事件
                this.$emit('delete',this.index);
            }
        }
    })