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之模拟登录个人中心页面之间数据传值实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。