重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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

lalala~ 先上代码吧:

成都创新互联-专业网站定制、快速模板网站建设、高性价比故城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式故城网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖故城地区。费用合理售后完善,10多年实体公司更值得信赖。

login.html




  
  模拟登录成功并跳转页面
  
  


  

登录

用户名:
密码:

order.html




  
  模拟登录成功并跳转页面
  
  


  

个人中心

你好:{{username}}
您的密码是: {{password}}

分析其中运用的知识点:

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

2. html5 window.localStorage 本地存储,用来存储用户信息(在实际项目中必须加密的,demo中没有去做)。

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

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

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


新闻标题:VUEDEMO之模拟登录个人中心页面之间数据传值实例
转载源于:http://cqcxhl.com/article/jppgjp.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP