Nuxt.js大略的说是Vue.js的通用框架,最常用的便是用来作SSR(Server Side Render做事端渲染) ,它简化了SSR的开拓难度.还可以直接用命令把我们制作的vue项目天生静态HTML。Nuxt.js 紧张关注的是运用的 UI渲染。
二、nuxt的上风

SEO 不同于SPA的HTML只有一个无实际内容的HTML和一个app.js,SSR天生的HTML是有内容的,这让搜索引擎能够索引到页面内容。

更快内容到达韶光 传统的SPA运用是将bundle.js从做事器获取,然后在客户端解析并挂载到dom。而SSR直接将HTML字符串通报给浏览器。大大加快了首屏加载韶光。适宜作***、博客、电影、咨询这样的须要搜索引擎供应流量的项目。如果你要作移动真个项目,就没必要利用这个框架了。
三、项目搭建
可以利用npm或者yarn来安装,这里以npm安装为例
1、安装node,请到node官网***安装
2、安装vue-cli
请在您想要创建的目录下,在地址栏输入cmd,打开掌握台,输入npm install -g vue-cli 如下
回车开始安装vue-cli安装完成后可以通过vue --version命令来检测是否安装成功。
3、创建项目,输入在掌握台输入npm create-nuxt-app nuxt-demo(项目名)来创建项目,创建项目时可以选择您喜好的ui框架和nodeJS做事框架;
4、在掌握台输入cd nuxt-demo进入到项眼前,再输入npm install axios --save安装axios依赖,用你喜好的编译器打开您所创建的项目,目录如下:
5、在layout目录下创建您的通用项目模板,默认default模板
模板代码如下,<nuxt />标签是页面内容
6、公共的css,js等代码请放在assets目录下,图片,图标等静态文件请放在static目录下。
7、公共的css样式在nuxt.config.js文件里面配置
8、所有的页面请放在page目录下,nuxt会为您自动天生路由。
9、axios数据要求,代码示例如下:
