nuxt.js笔记

Posted 湛蓝玫瑰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxt.js笔记相关的知识,希望对你有一定的参考价值。

Q:如果让页面中的元素按照浏览器可视区域保持自适应

A:在全局css文件中(默认main.css)输入

html,body,#__nuxt{
    height: 100%;
}
html,body,#__layout{
    height: 100%;
}

之后在页面中根元素中将height设置为100%就可以了

Q:nuxt.js的两个部署方式有什么区别?有哪些开发方式

A:过几天再写答案

Nuxt.js我认为是一个相当不错的框架,与vue-cli相比,又进一步的进行了封装,简化了webpack的一些设置,比较适合单人完成的小型项目或者对seo有要求的项目,部署也比较方便。不过本人才用没几天,可能并没有比较深入的了解,所以写一些东西仅供抛砖引玉。

本人比较推荐使用官方的express模板:
https://github.com/nuxt-community/express-template
因为本人基本是单人开发的,使用跨域开发会比较麻烦。start模板因为没有server文件所以无法进行自定义服务器的操作,除非你只做前端,不然不推荐。



以上是关于nuxt.js笔记的主要内容,如果未能解决你的问题,请参考以下文章

nuxt.js笔记

Nuxt js开发环境中CPU使用率高

Vue.js (Nuxt) 返回 JSON 数据

nuxt.js服务端渲染中如何实现路由的跳转

NUXT.js 和 Axios 运行时如何避免代码重复?

如何在 nuxt.js 中定义路由