建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
React技術(shù)棧支援Vue項(xiàng)目，你需要提前了解的
寫在前面
- react整體是函數(shù)式的思想，把組件設(shè)計(jì)成純組件，狀態(tài)和邏輯通過參數(shù)傳入，而vue的思想是響應(yīng)式的，也就是基于是數(shù)據(jù)可變的，通過對(duì)每一個(gè)屬性建立Watcher來(lái)監(jiān)聽， 當(dāng)屬性變化的時(shí)候，響應(yīng)式的更新對(duì)應(yīng)的虛擬dom
- react的思路通過js來(lái)生成html， 所以設(shè)計(jì)了jsx，還有通過js來(lái)操作css。vue是自己寫了一套模板編譯的邏輯，可以把js css html糅合到一個(gè)模板里邊
- react可以通過高階組件來(lái)擴(kuò)展，而vue需要通過mixins來(lái)擴(kuò)展
頻繁用到的場(chǎng)景
1. 數(shù)據(jù)傳遞：父?jìng)髯?，父更新子如何取得新?shù)據(jù)
父組件中有一個(gè)表單日期組件，子組件是一個(gè)彈層（彈層中有日期組件，默認(rèn)值取父組件選中的日期），父組件更改日期范圍后，子組件打開默認(rèn)日期也需要更新。如下：
成都創(chuàng)新互聯(lián)公司專注于企業(yè)營(yíng)銷型網(wǎng)站、網(wǎng)站重做改版、北塔網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為北塔等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
// 父組件
// 子組件
2. $parent$refs$emit
2.1 $refs訪問子組件中的方法或?qū)傩?/h2>
2.1 $parent訪問父組件中的方法或?qū)傩?$emit觸發(fā)父組件中定義的方法
// 子組件
// 父組件，忽略其他項(xiàng)
// ...
methods: {
conditionChange(controlName) {
// ...
}
}
// ...
3. mixins擴(kuò)展使用
// itemList就是來(lái)自treeSelectMixin中定義的數(shù)據(jù)
4. 樣式的兩種寫法
// 同一個(gè).vue文件中可以出現(xiàn)以下兩個(gè)style標(biāo)簽
// 當(dāng) `
// 子組件
// 父組件，忽略其他項(xiàng)
// ...
methods: {
conditionChange(controlName) {
// ...
}
}
// ...
// itemList就是來(lái)自treeSelectMixin中定義的數(shù)據(jù)
// 同一個(gè).vue文件中可以出現(xiàn)以下兩個(gè)style標(biāo)簽
// 當(dāng) `以上就是入門時(shí)困擾較多的地方~祝換乘順利
作者：京東零售 黃曉麗
來(lái)源：京東云開發(fā)者社區(qū) 轉(zhuǎn)載請(qǐng)注明來(lái)源
網(wǎng)頁(yè)名稱：React技術(shù)棧支援Vue項(xiàng)目，你需要提前了解的
網(wǎng)頁(yè)URL：http://www.dlmjj.cn/article/dpjocgd.html
