先觸發子元件的mounted鉤子，再觸發父元件的mounted鉤子。
在父元件的模版中對子元件標籤進行屬性繫結
在子元件中使用props屬性顯式地接收
若需要動態繫結屬性，則需使用v-bind，或簡寫:message="hello"使用字面量語法child message="1"，此時繫結的是字串」1」，若想繫結數值，需使用v-bind，讓它的值被當作js表示式計算。
props的值是單項流動的，並不會從子元件返回父元件。
不應在子元件內改變props的值，若需要，則需在子元件內定義乙個區域性變數，並用prop初始化它，或使用計算屬性。
可以為元件的props指定驗證規則，若傳入的資料不符合規則，vue會發出警告。
要指定驗證規格，需要用物件的形式，而不能用字串陣列
若prop驗證失敗，則在開發版本中丟擲警告
//...
props: ,
prope: ,
propf: }},
prope:
}}
1. string
2. number
3. boolean
4. function
5. object
6. array
也可以是乙個自定義構造器函式，使用 instanceof 檢測。
子元件通過自定義事件將資料傳遞給父元件。
子元件中呼叫this.$emit('funcname',data)。
父元件使用v-on監聽自定義事件，子元件觸發this.$emit時會自動觸發。
若想給某元素監聽原生事件，可使用.native修飾符。
//parent component
v-on:childready="dosomthing">
template>
//...
methods:
}script>
//child component
//...
this.$emit('childready',this);
//...
自定義事件可以用來建立自定義的表單輸入元件，使用 v-model 來進行資料雙向繫結。
要讓元件的 v-model 生效，它必須：
例子：
//parent
v-model="name">
child-form>
//child
ref="input"
:value="value" @input="updatevalue">
template>
export default
}}script>
Vue 父子元件通訊入門
1.元件例項定義方式，注意 子元件一定要使用props屬性來定義父元件傳遞過來的資料 2.使用v bind或簡化指令，將資料傳遞到子元件中 原理 父元件將方法的引用，傳遞到子元件內部，子元件在內部呼叫父元件傳遞過來的方法，同時把要傳送給父元件的資料，在呼叫方法的時候當作引數傳遞進去 子元件內部通過t...
Vue 元件通訊
單層元件通訊 prop 元件例項的作用域是孤立的。這意味著不能 也不應該 在子元件的模板內直接引用父元件 的資料。父元件的資料需要通過 prop 才能下發到子元件中。子元件要顯式地用 props 選項宣告它預期的資料 vue.component child 然後給他傳乙個訊息 message hel...
vue元件通訊
這部分vue文件已經說的很清楚了，但是為了更好的理解，自己再整理一遍。首先，父元件的與子元件的通訊是通過子元件的props。那麼子元件有資料變化時，想要通知父元件應該怎麼辦呢？父元件可以在使用子元件的地方直接用 v on 來監聽子元件觸發的事件。簡單來說，就是子元件監聽的事件，在函式內使用 emit...