- 博客(4)
- 收藏
- 关注
RSS订阅原创 vue 动态实现tab切换加载不同的组件
实现效果：父组件代码<template> <div> <h2>vue 动态实现tab切换加载不同组件</h2> <div> <a href="javascript:void(0)" @click="tabChange(child1)">第一项</a> <a href="javascript:void(0)" @click="tabChange(child2)">第二
2020-06-09 21:38:05
1736
原创 Vuex的使用方法
vuex属性及用法介绍各个属性的使用方法推荐使用第二种方法因自己写到笔记中懒得再敲一次代码所以没有代码段 只有截图但是非常详细！！！基本配置：state：存储数据获取state中值得方法：（1）（2）mutation ：用于变更store中的数据（不可以异步操作）改变state中值得方法：mutations中定义方法（1）在文件中调用方法即可触发时添加参数（2）第二种方式提示：简单写法携带参数：Action：用于处理异步操作异步操作 携带参数：
2020-06-09 16:57:38
303
2
转载 Vue实现用户登录及token验证
在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token6、后端判断请求头中有无token，
2020-05-24 16:14:41
865
转载 vue实现短信验证码登录
无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能，输入手机号，得到验证码，最后先服务器发送请求，保存登录的信息，一个必不可少的功能思路1，先判断手机号和验证是否为空，2，点击发送验证码，得到验证码3，输入的验证码是否为空和是否正确，4，最后向服务发送请求界面展示：1.准备工作这个会对input进行封装处理<template> <div class="text_group"> <div class="input_gr
2020-05-24 15:54:53
2322
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人