好资源导航 » 文章资讯 » VUE DEMO之模拟登录个人中心页面之间数据传值实例

VUE DEMO之模拟登录个人中心页面之间数据传值实例

2023-08-10 02:19:04 67

lalala~先上代码吧：

login.html





模拟登录成功并跳转页面





登录
用户名：

密码：

order.html





模拟登录成功并跳转页面





个人中心

你好：{{username}}

您的密码是:{{password}}

分析其中运用的知识点：

1.vuev-model指令，把表单的值和data数据绑定，双向数据绑定。

2.html5window.localStorage本地存储，用来存储用户信息（在实际项目中必须加密的，demo中没有去做）。

3.JSON.parse()将JSON字符串转化成json格式

4.JSON.stringify()将JSON转化成json字符串

以上这篇VUEDEMO之模拟登录个人中心页面之间数据传值实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

VUE DEMO之模拟登录个人中心页面之间数据传值实例

热门推荐

随机推荐