Vue之vue-resource入门--模拟数据

vue-resource属于vue.js的一个插件，提供了XMLHttpRequest或JSON进行web请求和处理响应的服务下面简单的进行分析

1.安装：npm install vue-resource

2.在main.js中用import进行引入

3.Vue,use(vueResource)

4.在组件中进行使用，例子

this.$http.get('someUrl'.then(response) => {

this.数据名称=response.需要获取的数据   //  返回的数据

})  

此时的数据名称即可在文章中进行使用

对于模拟的数据需要在build目录下的dev-server进行写端口

1.需要引入该数据  var data = require（'引入模拟数据'）

2.声明一些变量，用于不同的数据 用var 申明 例子：var seller =data.seller

3.var  apiRouter = express.Router

4.使用get或者post接口  

例子：apiRouter .get("/seller",function(req,res){

res.json({

errno:0,

seller:seller   // seller是模拟数据中传入seller这个字段后，返回的对用的数据

})

})

5.app.use("/api",apiRouter)     // app中的express使用apiRouter进行调用