nuxt.js笔记

本文介绍如何使用Nuxt.js实现页面元素在浏览器可视区域内的自适应,并对比了不同部署方式的特点,推荐使用官方的express模板。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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文件所以无法进行自定义服务器的操作,除非你只做前端,不然不推荐。

转载于:https://www.cnblogs.com/blueroses/p/8663717.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值