組件通信
1勋功、父?jìng)髯?/p>
父組件：<div :message="data"></div> // 動(dòng)態(tài)綁定值用v-bind 例子中的“：”為簡(jiǎn)寫
子組件：props: ['data'] // 在數(shù)據(jù)中用傳過來的值,不能隨意更改
注：** props的值是單項(xiàng)流動(dòng)的，并不會(huì)從子組件返回父組件分尸。
具體參考：https://www.jb51.net/article/117447.htm
2、子傳父
子組件用$emit來向父組件派發(fā)事件团赁，
父組件中用$on來監(jiān)聽自定義的事件
3、兄弟通信
a.在父組件data中在實(shí)例化一個(gè)vue實(shí)例
b.在子組件A中 $emit觸發(fā)傳值
c.在子組件B創(chuàng)建的鉤子函數(shù)中用$on接收值
生命周期：
- 1囊嘉、什么時(shí)候使用
beforeCreate ------ el和data并未初始化
created -------------- el沒有，data初始化
beforeMount ------- data初始化革为，el未掛載
mounted ------------ 掛載完成（也就是模板中的HTML渲染到了HTML頁面中）
beforeUpdate ------ 更新前
updated -------------- 更新后
beforeDestroy ------ 銷毀前
- 2扭粱、怎么使用？
beforeCreate：可以在這里加一個(gè)loading
created：loading結(jié)束做一些初始化操作
mounted：ajax請(qǐng)求震檩，配合路由鉤子做一些事情
beforeDestory：你確認(rèn)刪除嗎琢蛤？
destoryed：當(dāng)前組件已被刪除，清空相關(guān)內(nèi)容
- 3抛虏、created和mounted的區(qū)別：
created:在模板渲染成html前調(diào)用虐块，即通常初始化某些屬性值，然后再渲染成視圖嘉蕾。
mounted:在模板渲染成html后調(diào)用贺奠，通常是初始化頁面完成后，再對(duì)html的dom節(jié)點(diǎn)進(jìn)行一些需要的操作错忱。
