今天就跟大家聊聊有關(guān)怎么在vue.js中通過路由實(shí)現(xiàn)三欄布局,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),坊子企業(yè)網(wǎng)站建設(shè),坊子品牌網(wǎng)站建設(shè),網(wǎng)站定制,坊子網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,坊子網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
三欄布局
?將布局的各個(gè)區(qū)塊定義成組件
頭部區(qū)域
側(cè)邊欄區(qū)域
主體區(qū)域
?用router-view顯示相應(yīng)的組件
?定義路由規(guī)則
let router = new VueRouter({ routes: [ { path: '/', components: { 'header': header, 'left': left, 'main': main } } ] });
看完上述內(nèi)容,你們對怎么在vue.js中通過路由實(shí)現(xiàn)三欄布局有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。