【第24周 01 项目(上) 3-2 路由实现登陆校验】localStorage.isLogin是localStorage中规定的语法吗?

【第24周 01 项目(上) 3-2 路由实现登陆校验】localStorage.isLogin是localStorage中规定的语法吗?

问题描述:


1. 图1: 这里的localStorage.isLogin中,isLogin是规定的语法吗?是localStorage中本来就有的吗?还是vue底层规定的isLogin?


2. 图2: import{ useRouter } from 'vue-router';   这个是规定写法吗?

    const router = useRouter(); 是构造函数的写法,获得一个router实例吗?

    router.push();是vue中规定的router实例的push方法吗?

    

3. 图3:  beforeEnter可以和beforeEach一样,写在routes外部吗?

            写在name:login 对象中,是指是login这个组件单独有的吗?


相关截图:


    图1:

https://img1.sycdn.imooc.com//climg/625a21870909581500000000.jpg


    图2:

https://img1.sycdn.imooc.com//climg/625a250409c88de010180532.jpg


    图3:

https://img1.sycdn.imooc.com//climg/625a2e4c0953808414101278.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-04-16 11:46:26

同学你好,解答如下:

1、localStorage是html5提供的本地存储方式,之前学过,它的语法是固定的,可以在vue中使用,同学回顾一下

https://img1.sycdn.imooc.com//climg/625a3a1b0930b41205090606.jpg

isLogin是我们自定义的属性名,localStorage.isLogin就是在本地存储中保存自定义数据isLogin。

2、如下理解是对的:

https://img1.sycdn.imooc.com//climg/625a3b1d095c414305330050.jpg

如下理解也可以:

https://img1.sycdn.imooc.com//climg/625a3b6909881e2105930048.jpg

如下理解不太对,router是vue的插件vue-router提供的,不是vue自带的:

https://img1.sycdn.imooc.com//climg/625a3ad809ceb6c506790184.jpg

https://img1.sycdn.imooc.com//climg/625a3af709a38e5407360076.jpg

3、图3理解正确。两个方法意思是一样的,只是适用范围不一样:

https://img1.sycdn.imooc.com//climg/625a3bf2091f0b1408540779.jpg

祝学习愉快!

  • 提问者 easyschen #1

    localStorage明白,isLogin这里还是有点不太明白:


    const isLogin = localStorage.isLogin;    

    localStorage.isLogin  这个点 "." 不是表示localStorage中有的isLogin吗?怎么是自定义的?



    2022-04-16 12:15:10
  • 好帮手慕久久 回复 提问者 easyschen #2

    登录时,如果登录成功,会在本地缓存中保存数据isLogin(设置isLogin):

    https://img1.sycdn.imooc.com//climg/625a4e9309e8c1c508000492.jpg

    即登录成功,则本地缓存中会有isLogin=true。

    然后切换路由的时候,再通过判断本地缓存localStorage中是否有isLogin,进一步判断是否登录:

    https://img1.sycdn.imooc.com//climg/625a4f410951e56704270029.jpg

    localStorage.isLogin就是获取本地缓存中的isLogin,localStorage.isLogin=xxx就是往本地缓存中添加isLogin。

    注意,localStorage.isLogin只是获取isLogin,不代表本地缓存中一定有isLogin;如果本地缓存中没有isLogin,则会返回undefined:

    https://img1.sycdn.imooc.com//climg/625a4fa609c66e0504830114.jpg

    2022-04-16 13:10:27
  • 提问者 easyschen 回复 好帮手慕久久 #3

    老师,想麻烦请教下学习方法的问题:

    1. 布局css这块学的明白,很容易理解

    2. 数据逻辑这块很懵,特别ajax相关的内容。每次看老师写都不明白为什么要这样写,有种无中生有的感觉。

      我是应该先记忆背诵吗?就是没办法理解为什么突然要这样写?主要是我这边理解的问题,有种无力感

    3. 老师刚刚学代码的时候有类似理解的问题吗?是如何解决的?


    2022-04-17 09:56:10
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师