在父組件todo.vue中：

<tabs @toggle="toggleFilter"?

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

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

@clearAllCompleted="clearAllCompleted"

/>

在子組件todo.vue中：

props: {? ?//通過props這個屬性把父組件要傳過來的數據傳過來

????filter: {? ?//這個是父組件數據filter

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

????????required: true? //是否必須要filter這個數據，true就是必須要

????},

????todos: {

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

????????required: true

????}

},

父組件prop數據到子組件

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