vuejs中怎么對(duì)搜索引擎seo進(jìn)行優(yōu)化？如果你這是一個(gè)新的項(xiàng)目。很建議你直接采用這兩個(gè) lib 對(duì)應(yīng)的 server-side rendering 框架。React 的話可以用 Next.js（ze

vuejs中怎么對(duì)搜索引擎seo進(jìn)行優(yōu)化？

如果你這是一個(gè)新的項(xiàng)目。很建議你直接采用這兩個(gè) lib 對(duì)應(yīng)的 server-side rendering 框架。React 的話可以用 Next.js（zeit/next.js），零配置，完全無(wú)痛。第一屏是完全服務(wù)器渲染的。而后續(xù)會(huì)采用 SPA 的模式，讓你擁有 React.js 開發(fā)體驗(yàn)和免除了 SPA 帶來(lái)的 SEO 的煩惱，上手極快，你只要花5分鐘體驗(yàn)一下就知道。Vue 有對(duì)應(yīng)的 Nuxt.js。如果是已有的項(xiàng)目而改寫起來(lái)比較困難的話，建議你針對(duì)爬蟲的請(qǐng)求進(jìn)行特殊處理：給服務(wù)器加 http 中間件，識(shí)別爬蟲請(qǐng)求，然后返回可處理頁(yè)面給爬蟲。

vue搭配什么做前端開發(fā)比較好？

Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層，不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫(kù)結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用提供驅(qū)動(dòng)。

1、如果你是在做pc端的應(yīng)用，最好的選擇是ElementUI。

npm i element-ui -S

最簡(jiǎn)單的UI寫法：http://element-cn.eleme.io/#/zh-CN/component/installation

2、APP mobile應(yīng)用的話，最好選擇AUI或ionIc

文檔：http://www.auicss.com/doc/v/2/doc_id/1

AUI 2.0是一套全新的AUI框架，在1.X基礎(chǔ)上進(jìn)行了重新架構(gòu)。在2.0中，全局使用rem控制尺寸，完美適應(yīng)不同分辨率移動(dòng)設(shè)備；新加入的主題樣式表方便開發(fā)者自定義基礎(chǔ)顏色樣式，完成APP主題的定制。完美兼容IOS 5.1 到Android 4.2 。因此我認(rèn)為他是一款不錯(cuò)的UI插件。

使用Vue等框架的首要原因是為了開發(fā)效率，還是減少DOM操作的性能損失？

很多半吊子的程序員開口就喜歡談?wù)撔阅埽瑒?dòng)不動(dòng)就是“這個(gè)框架性能不行，不如原生XX快”等等，如何評(píng)價(jià)這種說(shuō)法呢？硬要說(shuō)的話，速度確實(shí)是一個(gè)非常重要的因素，但是很多項(xiàng)目其實(shí)并不那么追求速度，大部分情況下，開發(fā)效率這個(gè)因素都要大于項(xiàng)目的運(yùn)行速度，要明白，人的效率永遠(yuǎn)應(yīng)該是第一需求。

前端開發(fā)也是這樣，其實(shí)原來(lái)大家都用jQuery這些東西，簡(jiǎn)單粗暴，直接操作界面，想實(shí)現(xiàn)什么功能直接擼就完事了。但是在項(xiàng)目逐漸復(fù)雜起來(lái)之后，這樣的開發(fā)方式就會(huì)出現(xiàn)一個(gè)問(wèn)題：代碼組織度極低，項(xiàng)目可維護(hù)性差，特別是當(dāng)項(xiàng)目中很多頁(yè)面有層級(jí)關(guān)系時(shí)候，很容易把自己繞暈。

因此Vue、React、Angular等框架應(yīng)運(yùn)而生了，他們利用MVVM等設(shè)計(jì)模式，在更高層級(jí)抽象頁(yè)面開發(fā)邏輯，使用他們開發(fā)不再需要直接操作DOM了，而且相比于傳統(tǒng)的開發(fā)方式，這些前端框架更加注重“數(shù)據(jù)流”?，F(xiàn)在不應(yīng)該把網(wǎng)頁(yè)看做是一個(gè)網(wǎng)頁(yè)，而是將它看做是一個(gè)網(wǎng)頁(yè)形式呈現(xiàn)的應(yīng)用。這樣將數(shù)據(jù)和行為分開以后，前端開發(fā)也更加清晰了，這也是前端發(fā)展的一個(gè)重要標(biāo)志。

雖然這些框架使用虛擬DOM等技術(shù)，相比于直接操作DOM要慢一點(diǎn)，但是因?yàn)椴捎昧撕侠淼某橄?，因此開發(fā)效率是遠(yuǎn)遠(yuǎn)超過(guò)傳統(tǒng)前端的。試想一下，這兩種方法開發(fā)出來(lái)的項(xiàng)目運(yùn)行效率差0.5%，但是傳統(tǒng)開發(fā)要多一倍的bug，要是你的話，你會(huì)選哪種呢？