在父組件todo.vue中：

<tabs @toggle="toggleFilter"?

:filter="filter"??//在這里把filter傳給子組件tabs

:todos="todos"? //在這里把todos傳給子組件tabs

@clearAllCompleted="clearAllCompleted"

/>

在子組件todo.vue中：

props: {? ?//通過props這個(gè)屬性把父組件要傳過來的數(shù)據(jù)傳過來

????filter: {? ?//這個(gè)是父組件數(shù)據(jù)filter

????????type: String,? //定義filter傳過來的類型

????????required: true? //是否必須要filter這個(gè)數(shù)據(jù)，true就是必須要

????},

????todos: {

????????type: Array,? //定義todos傳過來的類型

????????required: true

????}

},

父組件prop數(shù)據(jù)到子組件

<Tabs?
???:filter="filter"?
???:todos="todos"
???@toggle="toggleFilter"
???@clearAll="clearAllcompleted"
?/>