搭建vue项目(网页)之踩坑集1

1、使用vue router坑:router.js文件跟main.js文件命名的坑

这两个文件的命名是有规则的,首先得相等,其次main.js中只能用router,所以命名router就没毛病


router.js

main.js

2、在布局的时候,一直设置height:100%,嘛效果都没有的坑

首先,我是在App.vue中布局的,然后想设置一个自动占满全屏的效果,然后就这样设置了


结果,啥都没。然后百度了一通,看到这篇文章https://blog.csdn.net/weixin_39640573/article/details/111729134
它说:设置高度100%时,div的高度会等同于其父元素的高度。而上面中id为app的div(vue挂载的div)的父节点是body标签,body标签的父节点是html标签。在默认情况下html和body标签的高度为auto,而浏览器是不会自动给标签添加高度的,所以html和body标签就为0,自然子div的高度设置为100%就不起作用了。
然后,我就把代码改成了


然后,就解决了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容