关于开发vue小白的一些总结,vue搭建

一、前端Vue2搭建一些命令总结

        创建项目:vue create reg-vue

        安装接口问题:npm install axios

        安装路由问题:vue add router

        安装ui组件:npm i element-ui

        运行:npm run serve

二、关于Token 登录

1、Token 是服务端生成的一串字符串,以作为客户端请求的一个令牌。当第一次登录后,服务器会生成一个 Token 并返回给客户端,客户端后续访问时,只需带上这个 Token 即可完成身份认证。

2、token生成方式:

最常见的 Token 生成方式是使用 JWT(Json Web Token,它是一种简洁的,自包含的方法用于通信双方之间以 JSON 对象的形式安全的传递信息。

JWT 算法主要分为 3 个部分:header(头信息),playload(消息体),signature(签名)。

3、登录流程:

(1).首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成 token ,返回给前端;

(2).前端拿到后端返回的 token ,存储在 localStorage 和 Vuex 里;

(3).前端每次路由跳转,判断 localStorage 有无 token ,没有则跳转到登录页,有则请求获取用户信息,改变登录状态;

三、循环遍历数组list:

在标签写上:v-for=”item in list” :key=”item.id”

四、View页面之间传参:

view1页面,传参数

        this.$router.push({

                Name:” 传到的组件名”,

                Params:{

                        键:值

                }

        })

View2页面获取参数

        data(){

                return{

                        Name:this.$router.params.键,

                }

        }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值