Vue框架中分模塊編寫界面

這是最近做的一個(gè)簡(jiǎn)書網(wǎng)的主頁面藕甩，這樣的一個(gè)頁面有許多內(nèi)容约谈，為防止錯(cuò)誤以及便于修改岛都，我們可以將整個(gè)大的頁面分成多個(gè)小模塊編寫

image.png

以中心的更多熱門專題為例

• Theme.vue是更多專題部分的代碼蚤认，放在common文件夾中

  
  
  image.png

• Index.vue是主頁面的代碼

  
  
  image.png

• 先在Index.vue的script中定義一個(gè)vTheme,并在其中加入Theme.vue

  
  
  image.png

• 可以直接使用vTheme放在頁面里

  
  
  image.png

這樣分塊編寫頁面的方法非常值得大家學(xué)習(xí)凹蜈，相信這個(gè)對(duì)大家以后的前端設(shè)計(jì)也是非常簡(jiǎn)便有用的限寞！

• 人面猴

  序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市仰坦，隨后出現(xiàn)的幾起案子履植，更是在濱河造成了極大的恐慌，老刑警劉巖悄晃，帶你破解...

  沈念sama閱讀 218,941評(píng)論 6贊 508
• 死咒

  序言：濱河連續(xù)發(fā)生了三起死亡事件玫霎，死亡現(xiàn)場(chǎng)離奇詭異，居然都是意外死亡妈橄，警方通過查閱死者的電腦和手機(jī)庶近，發(fā)現(xiàn)死者居然都...

  沈念sama閱讀 93,397評(píng)論 3贊 395
• 救了他兩次的神仙讓他今天三更去死

  文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來眷蚓，“玉大人鼻种，你說我怎么就攤上這事∩橙龋” “怎么了叉钥？”我有些...

  開封第一講書人閱讀 165,345評(píng)論 0贊 356
• 道士緝兇錄：失蹤的賣姜人

  文/不壞的土叔 我叫張陵罢缸，是天一觀的道長(zhǎng)。 經(jīng)常有香客問我投队，道長(zhǎng)枫疆，這世上最難降的妖魔是什么？ 我笑而不...

  開封第一講書人閱讀 58,851評(píng)論 1贊 295
• ?港島之戀（遺憾婚禮）

  正文 為了忘掉前任敷鸦，我火速辦了婚禮息楔，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘轧膘。我一直安慰自己钞螟，他們只是感情好，可當(dāng)我...

  茶點(diǎn)故事閱讀 67,868評(píng)論 6贊 392
• 惡毒庶女頂嫁案：這布局不是一般人想出來的

  文/花漫 我一把揭開白布谎碍。 她就那樣靜靜地躺著，像睡著了一般洞焙。 火紅的嫁衣襯著肌膚如雪蟆淀。 梳的紋絲不亂的頭發(fā)上，一...

  開封第一講書人閱讀 51,688評(píng)論 1贊 305
• 城市分裂傳說

  那天澡匪，我揣著相機(jī)與錄音熔任，去河邊找鬼。 笑死唁情，一個(gè)胖子當(dāng)著我的面吹牛疑苔，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播甸鸟，決...

  沈念sama閱讀 40,414評(píng)論 3贊 418
• 雙鴛鴦連環(huán)套：你想象不到人心有多黑

  文/蒼蘭香墨 我猛地睜開眼惦费，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來了抢韭？” 一聲冷哼從身側(cè)響起薪贫，我...

  開封第一講書人閱讀 39,319評(píng)論 0贊 276
• 萬榮殺人案實(shí)錄

  序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎刻恭，沒想到半個(gè)月后瞧省，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...

  沈念sama閱讀 45,775評(píng)論 1贊 315
• ?護(hù)林員之死

  正文 獨(dú)居荒郊野嶺守林人離奇死亡鳍贾，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...

  茶點(diǎn)故事閱讀 37,945評(píng)論 3贊 336
• ?白月光啟示錄

  正文 我和宋清朗相戀三年鞍匾，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片骑科。...

  茶點(diǎn)故事閱讀 40,096評(píng)論 1贊 350
• 活死人

  序言：一個(gè)原本活蹦亂跳的男人離奇死亡橡淑，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出纵散，到底是詐尸還是另有隱情梳码，我是刑警寧澤隐圾，帶...

  沈念sama閱讀 35,789評(píng)論 5贊 346
• ?日本核電站爆炸內(nèi)幕

  正文 年R本政府宣布，位于F島的核電站掰茶，受9級(jí)特大地震影響暇藏，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜濒蒋，卻給世界環(huán)境...

  茶點(diǎn)故事閱讀 41,437評(píng)論 3贊 331
• 男人毒藥：我在死后第九天來索命

  文/蒙蒙 一盐碱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧沪伙，春花似錦瓮顽、人聲如沸。這莊子的主人今日做“春日...

  開封第一講書人閱讀 31,993評(píng)論 0贊 22
• 一樁弒父案暖混，背后竟有這般陰謀

  文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至翁授，卻和暖如春拣播，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背收擦。 一陣腳步聲響...

  開封第一講書人閱讀 33,107評(píng)論 1贊 271
• 情欲美人皮

  我被黑心中介騙來泰國(guó)打工贮配， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人塞赂。 一個(gè)月前我還...

  沈念sama閱讀 48,308評(píng)論 3贊 372
• 代替公主和親

  正文 我出身青樓泪勒，卻偏偏與公主長(zhǎng)得像，于是被迫代替她去往敵國(guó)和親宴猾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子圆存，可洞房花燭夜當(dāng)晚...

  茶點(diǎn)故事閱讀 45,037評(píng)論 2贊 355

推薦閱讀更多精彩內(nèi)容

• Android - 收藏集

  Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...

  passiontim閱讀 172,167評(píng)論 25贊 707
• Android - 收藏集

  用兩張圖告訴你，為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料鳍置？ 從這篇文章中你...

  hw1212閱讀 12,730評(píng)論 2贊 59
• iOS工具和框架1

  1辽剧、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...

  陽明先生_X自主閱讀 15,982評(píng)論 3贊 119
• 有些時(shí)候税产，我特別喜歡爸爸

  看了阿諾·阿梅哈(法)的繪本《有些時(shí)候怕轿，我特別喜歡爸爸》，二年級(jí)孩子的日記這樣仿寫: 我喜歡穿著滑冰鞋和爸...

  FangFang放下自在閱讀 496評(píng)論 0贊 0