2018-09-26 vue.js

1、查询字符串

传参时书写格式：

  /user/regist？uname=jack&upwd=123

接收时书写格式：

  {{$route.query}}

2、rest风格传参

传参时书写格式：

  /user/login/rose/456

接收时书写格式：

  {{$route.params}}

例:

    
        
        
        
        
    
    
        

            首页
            用户页
            
        
        
        
        
    

1、axios知识点

（1）axios是Vue中的ajax，axios分为1.0版本(Vue-resource)和2.0版本（axios库）。

（2）ajax是前端网页和后台数据做交互。

2、axios的下载:

npm install axios

例:

    
        
        
    
    
        

            首页
            用户页
            
        
        
        
        
        
    

3、http-server的安装

npm install http-server -g

4、开启一个服务

http-server 

http-server的练习

HTML部分：

            首页
            用户页
            
        

java script的练习

json文件部分

[
{
    "num":1,
    "pname":"苹果",
    "price":2,
    "count":3,
    "sub":6
},
{
    "num":2,
    "pname":"香蕉",
    "price":3,
    "count":4,
    "sub":12
},
{
    "num":3,
    "pname":"桃子",
    "price":4,
    "count":5,
    "sub":20
},
{
    "num":4,
    "pname":"柚子",
    "price":5,
    "count":6,
    "sub":30
}
]