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

lalala~ 先上代码吧：

login.html

  
  
  
  
    .red{
      color:red;
    }
    .ddd{
      color:#333;
      font-size: 13px;
    }
  


  
    
登录
    用户名：

    密码：

    
  
  

order.html

  
  
  
  
    .red{
      color:red;
    }
    .ddd{
      color:#333;
      font-size: 13px;
    }
  


  
    
个人中心
    
      你好：{{username}}

      您的密码是: {{password}}
    
  
  

分析其中运用的知识点：

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

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

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

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

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