2018-09-26传参 和axion

传参

    
    


    

        首页
        用户页
        
    
    
    
    

效果：

1.png

2.png

axios

下载：npm install axios
版本
1.0：vue-resource
2.0：axios（相当于库）
Vue中的ajax
ajax作用：前端页面和后台数据做交互
在写是需要有一个.json的文档

axios({
  method:'get'//get post,
  url:'路径'
}).then(function(rext){//请求成功
  console.log(rext.data)
}).catch(function(tex){//请求失败
  console.log(tex)
})

在执行时，需要安装http-server
安装指令：npm install http-server -g
开启一个服务：http-server

    
    


    

        首页
        用户页
        
    
    
    
    
    

[
    {
        "num":1,
        "pname":"apple",
        "price":2,
        "count":3,
        "sub":6
    },
    {
        "num":1,
        "pname":"apple",
        "price":2,
        "count":3,
        "sub":6
    },
    {
        "num":1,
        "pname":"apple",
        "price":2,
        "count":3,
        "sub":6
    }
]

在打开时不能直接打开，需要输入网址127.0.0.1:8080打开

效果：

3.png