初識vue2.0(一)

隨著html5技術(shù)的崛起,移動產(chǎn)品日新月異,但無論是什么行業(yè)的產(chǎn)品,我想最重要的不過最后都?xì)w結(jié)于“用戶體驗”,那么如何打造高性能的產(chǎn)品呢,那么我們先進(jìn)入單頁的應(yīng)用概念吧,所謂單頁,無非是想要達(dá)到原聲的體驗效果,減少http請求,那么怎樣可以實現(xiàn)這種效果呢,我采用的方式,是vue2.0版本中的組建加路由,這樣兩個強大的模塊,就可以實現(xiàn)單頁的操作啦

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

一、組建(template)

二、路由(router)

先來看一個小demo:





dom結(jié)夠

js結(jié)構(gòu):


這就是一個非常小的效果 用路由實現(xiàn)了 tab切換,由于時間關(guān)系,這只作為一個入門或者記錄,

下次會系統(tǒng)講解實戰(zhàn)性的開發(fā)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容