組件精講開(kāi)篇精髓

開(kāi)篇：Vue.js的開(kāi)篇：Vue.js的精髓——Vue.sAlmost，而Vue.s最精髓ue業(yè)務(wù)場(chǎng)景是千變?nèi)f化的，而不變的是Vue.js組件開(kāi)發(fā)的核心思想和使用技巧，掌握了Vue.js組件的各種開(kāi)發(fā)模式，再?gòu)?fù)雜的業(yè)務(wù)場(chǎng)景也可以輕松化解。本小冊(cè)則著重介紹筆者在3年的Vue.js開(kāi)發(fā)及兩年的iView(/iview/iview)開(kāi)源中積累和沉淀的對(duì)Vue.js組件的?解和經(jīng)驗(yàn)。本小冊(cè)不會(huì)介紹Vue.js的基礎(chǔ)用法，因?yàn)槭忻嫔弦呀?jīng)沉淀了大量的相關(guān)技術(shù)資料，而且Vue.js的?檔已經(jīng)足夠詳細(xì)。如果您尚未接觸Vue.js或正打算開(kāi)始了解，推薦您先閱讀筆者出版的《Vue.js實(shí) (/12215519.html)（清華大學(xué)出版社Vue.jsVue.js組件和組件化以及本小冊(cè)各章節(jié)?般來(lái)說(shuō)，Vue.js1.由vue-router（.vue），主要承載當(dāng)前?面的HTML結(jié)構(gòu)，會(huì)包含數(shù)據(jù)獲propsprops此組件的API進(jìn)行過(guò)高強(qiáng)度的抽象，可以通過(guò)不同配置實(shí)現(xiàn)不同的功能。?如筆者開(kāi)源的iView，就是包含了50多個(gè)這樣基礎(chǔ)組件的UI組件庫(kù)。iView這樣的組件庫(kù)，投?的?力和精力還是很重的，API的設(shè)計(jì)、兼容性、性能、以及復(fù)雜的功能。這類組件對(duì)?如在不依賴Vuex和Bus（因?yàn)楠?dú)?組件，無(wú)法依賴其它Vuex、axios、echarts等，所以它的開(kāi)發(fā)難度相對(duì)獨(dú)?組件Vuex、axios、echarts等，所以它的開(kāi)發(fā)難度相對(duì)獨(dú)?組件因?yàn)楸拘?cè)是圍繞Vue.js組件展開(kāi)的，所以第二節(jié)會(huì)講解組件的三API：prop、event、slot，當(dāng)然，如果你已經(jīng)開(kāi)發(fā)3-7小節(jié)會(huì)介紹組件間通信的?些?法和?科技，?部分是Vue.js內(nèi)置的，?部分是自行實(shí)現(xiàn)的，在實(shí)際開(kāi)發(fā)中，會(huì)?常實(shí)具有數(shù)據(jù)校驗(yàn)功能的表單組件——組合多選框組件CheckboxGroup&Checkbox本小冊(cè)都會(huì)以這種核心科技+8-10小節(jié)介紹Vue的構(gòu)造器extend和手動(dòng)掛載組件$mount的用法及案例。Vue.js除了我們正常newVue(外，還可以手動(dòng)掛載的，這3節(jié)將介紹手動(dòng)掛載?個(gè)Vue組件的使用場(chǎng)景。其中涉動(dòng)態(tài)渲染.vue?件的組件——全局通知組件——$AlertDisplay組件用于將.vue?件渲染出來(lái)，線上的案例是iViewRun(/)，它不需要你重新編譯項(xiàng)目，就可以渲染?個(gè)標(biāo)準(zhǔn)的Vue.js組件。$Alert是全局的通知組件，它的調(diào)用?法不同于常規(guī)組件。常規(guī)組而$Alert的調(diào)用更接近JS而$Alert的調(diào)用更接近JSVueVue組件構(gòu)成和1112小節(jié)介紹Render函數(shù)與FunctionalRender，并完成?個(gè)能夠渲染自定義列的Table組件。Render函數(shù)也是Vue.js組件重export{methods:showMessage{this.$Alert({content'通知內(nèi)容',duration:3}}}<Alertcontent="通知內(nèi)容importAlertfromexport{components:{Alert}現(xiàn)Table組件。slot用的很多，但slot-scope在業(yè)務(wù)中并不常14-15小節(jié)介紹遞歸組件，并完成樹(shù)形控件——Tree16-19Vue.js容易忽略卻很重要的APIVue.js面試題的詳細(xì)分析。除此之外，還會(huì)總結(jié)筆者iView開(kāi)源經(jīng)歷中的經(jīng)驗(yàn)，除了技術(shù)細(xì)節(jié)外，還包括開(kāi)源三年前，我開(kāi)始