Vue开发之旅——我的博客搭建记录(五)
-
博客基础功能整完了,对于新功能灵感枯竭,欢迎大伙评论区留言你觉得有意思/创意的功能,这次就分享几个遇到的小问题吧
-
路由守卫
做了一个比较假的登录功能,实现原理是当点击发博客页时,若没有登录,则重定向到登录页面。代码如下:
在登录页,当输入用户及密码点击按钮后,将数据存下来
当然,真正实现登录注册需要后端的辅助,在此只是做了个前端方面的演示^\_^
-
数据加载出来了,但是F12报错"TypeError: Cannot read property ‘xxx’ of undefined"
原因可以看这篇博客(https://juejin.cn/post/6844904129865711623)。在vue渲染机制中:异步数据先显示初始数据,再显示带数据的数据,所以再开始的时候数据还是一个空数组,渲染时数组中的元素根本不存在,渲染完成后才加载异步的数据。解决办法很简单,设置一个if判断,不为空时再加载,就不会报错了。