nuxt與vue最大的不同是，vue是一個JavaScript框架，而nuxt是一個基于Vue的應(yīng)用程序的服務(wù)器端渲染框架。
<div>{{ message }}</div></template><script>export default {
data () {
return {
message: 'Hello World!'
}
}
}
</script>使用Nuxt創(chuàng)建頁面非常簡單，并優(yōu)化了vue的服務(wù)器端渲染，以便你不必為了使用服務(wù)器端渲染而編寫大量的代碼。在使用傳統(tǒng)的Vue.js開發(fā)時，由于框架的限制，無法很好地處理SEO和優(yōu)化渲染，這使得一個網(wǎng)站在搜索引擎上的排名變得困難且低效。
npm install -g vue-cli
vue init nuxt/starter my-project
npm install
npm run dev而Nuxt解決了這個問題。它允許您創(chuàng)建基于Vue.js的應(yīng)用程序，您可以將其用作SPA（單頁應(yīng)用程序）或多頁應(yīng)用程序，而無需運(yùn)行任何服務(wù)器端腳本。此外，Nuxt不僅提供了預(yù)渲染，還具有很多其他的功能，包括靜態(tài)文件服務(wù)、開發(fā)服務(wù)器、熱重載等，開發(fā)者可以更加高效地開發(fā)和調(diào)試。
nuxt.config.js:
module.exports = {
build: {
extend (config, ctx) {
// Run ESLint on save
if (ctx.isDev && ctx.isClient) {
config.module.rules.push({
enforce: "pre",
test: /\.(js|vue)$/,
loader: "eslint-loader",
exclude: /(node_modules)/
})
}
}
}
}總之，Nuxt和Vue不是直接競爭對手，而是兩個不同的框架，前者提供了更好的服務(wù)器端渲染、更豐富的選項(xiàng)以及更加優(yōu)秀的SEO表現(xiàn)。若你需要快速、且易于維護(hù)的前端應(yīng)用程序，Vue是不錯的選擇，但是如果你需要更加高效且完美的SEO和服務(wù)器端渲染，則Nuxt是一個不錯的選擇。