隨著html5技術(shù)的崛起,移動(dòng)產(chǎn)品日新月異雏吭,但無(wú)論是什么行業(yè)的產(chǎn)品,我想最重要的不過(guò)最后都?xì)w結(jié)于“用戶體驗(yàn)”淮悼,那么如何打造高性能的產(chǎn)品呢咐低,那么我們先進(jìn)入單頁(yè)的應(yīng)用概念吧,所謂單頁(yè)袜腥,無(wú)非是想要達(dá)到原聲的體驗(yàn)效果见擦,減少http請(qǐng)求,那么怎樣可以實(shí)現(xiàn)這種效果呢,我采用的方式羹令,是vue2.0版本中的組建加路由鲤屡,這樣兩個(gè)強(qiáng)大的模塊,就可以實(shí)現(xiàn)單頁(yè)的操作啦
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
一福侈、組建(template)
二酒来、路由(router)
先來(lái)看一個(gè)小demo:
dom結(jié)夠
js結(jié)構(gòu):
這就是一個(gè)非常小的效果 用路由實(shí)現(xiàn)了 tab切換,由于時(shí)間關(guān)系肪凛,這只作為一個(gè)入門(mén)或者記錄役首,
下次會(huì)系統(tǒng)講解實(shí)戰(zhàn)性的開(kāi)發(fā)。