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%就不起作用了。
然后,我就把代码改成了
然后,就解决了