赞
踩
为什么使用nuxt.js? 官网 https://zh.nuxtjs.org/guide/async-data
vue单页面应用渲染是从服务器获取所需js,在客户端将其解析生成html挂载于
id为app的DOM元素上,这样会存在两大问题。
由于资源请求量大,造成网站首屏加载缓慢,不利于用户体验。
由于页面内容通过js插入,对于内容性网站来说,搜索引擎无法抓取网站内容,不利于SEO。
Nuxt.js 是一个基于Vue.js的通用应用框架,预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。可以将html在服务端渲染,合成完整的html文件再输出到浏览器。
除此之外,nuxt与vue还有一些其他方面的区别。
1.路由
nuxt按照 pages 文件夹的目录结构自动生成路由
vue需在 src/router/index.js 手动配置路由
2.入口页面
nuxt页面入口为 layouts/default.vue
vue页面入口为 src/App.vue
3.webpack配置
nuxt内置webpack,允许根据服务端需求,在 nuxt.config.js 中的build属性自定义构建webpack的配置,覆盖默认配置
vue关于webpack的配置存放在build文件夹下
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。