axios

Vue中的ajax
ajax作用：前端页面和后台数据做交互
在写是需要有一个.json的文档

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

用git来模拟服务器
在执行时，需要使用git安装http-server
安装指令：npm install http-server -g回车等待
开启一个服务：http-server

html、vue

    首页
    登录
    

json

[
  {
    "num":1,
    "pname":"apple",
    "price":3,
    "count":2,
    "sub":6
  },
  {
    "num":2,
    "pname":"pear",
    "price":4,
    "count":3,
    "sub":12
  },
  {
    "num":3,
    "pname":"banana",
    "price":5,
    "count":4,
    "sub":20
  }
]