前言
最近這段時(shí)間里不停的做著Vue的技術(shù)分享，雖然不是什么深層次的代碼底能架構(gòu)，如果底層架構(gòu)真說出來，我就不會(huì)做Vue.js 2.0從基礎(chǔ)到組件了，就會(huì)分享Vue從底層到還是到底層。我相信能來看我這次分享的朋友都是在工作開發(fā)層面上面臨著一些問題。此次分享我們先拋開Vue - router和Vuex,很多朋友都覺得Vuex和router比較難，大錯(cuò)特錯(cuò)！
對(duì)Vue 2.0的介紹
我對(duì)Vue 2.0認(rèn)知，能it前端框架的認(rèn)知，在我們不算底層原理的情況下，什么才是精髓，那就是基礎(chǔ)的方法和一些api介紹，隨著現(xiàn)代數(shù)據(jù)量龐大，業(yè)務(wù)邏輯也變得更加復(fù)雜，隨著數(shù)據(jù)情景的不同展示，jquery，angular1.0等一系列框架，已經(jīng)滿足不了開發(fā)的需求了，如何用數(shù)據(jù)驅(qū)動(dòng)去管理數(shù)據(jù)，在我認(rèn)知里，前后端聯(lián)調(diào)，對(duì)接口，通過什么？那過json數(shù)據(jù)來傳遞著一切的信息。
我們操作dom來分析數(shù)據(jù)，那就是用屠龍刀去切菜，用數(shù)據(jù)驅(qū)動(dòng)去改變數(shù)據(jù)，那才叫細(xì)功出好活。還有我們?nèi)绾胃玫耐ㄟ^組件來讓一個(gè)復(fù)雜的頁面劃分為代碼精簡(jiǎn)，易維護(hù)，可復(fù)用，闊展性強(qiáng)的組件集合！
如果是你如何去劃分這個(gè)頁面
重慶分公司
重慶分公司
prop：{[img]}來進(jìn)行頭圖的劃分。）這樣一算你們會(huì)發(fā)現(xiàn)一個(gè)小小的登陸就劃分出6個(gè)組件，可能給你的感覺分的太細(xì)，那我也感覺分的太細(xì)，那我為什么要分的那么細(xì)呢，那就是增強(qiáng)可復(fù)用性，可闊展性。
那我何去解這個(gè)組件太過于細(xì)分的問題，我們可以合并那些東西，以我一眼看過去，唯一能合并的就是中間一套注冊(cè)體系，我們把2,3,4,5,7,這幾個(gè)細(xì)組件合并到login.Vue組件里，在這個(gè)層面上，我們只要暴露出四個(gè)輸入框內(nèi)容向外傳遞的數(shù)據(jù)，這樣一個(gè)頁面整體就我們拆開來了，對(duì)于每個(gè)頁面的代碼量就減少了，對(duì)于維護(hù)，改bug是一個(gè)很大的幫助。
組件從基礎(chǔ)開始
Vue的在項(xiàng)目中如何去做好一個(gè)體系問題，最主要的就是template里整體的組織，如何用好的組織體系方便的展現(xiàn)復(fù)雜的邏輯操作，我個(gè)人認(rèn)為而不是通過new Vue去操控整體，反正new Vue里的一切選項(xiàng)是著template這個(gè)組織體系走的，如果是一個(gè)房子，template就是地基，new Vue里的選項(xiàng)就是水泥石頭。
1、模板語法
能用javascript表達(dá)式則用表達(dá)式，我覺得表達(dá)式是給人感覺最清楚 的，能結(jié)合模板去正確使用表達(dá)式來解析那是最明了的。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
