Vue中插件的使用

请求数据插件vue-resource使用

1.安装：

npm install vue-resource --save(写入package.json)

2.在入口文件main.js引入:

import VueResource from 'vue-resource'

3.在入口文件调用插件：

Vue.use(VueResource);

4.入口文件引入的插件在所有模块中都可以用(

5在home.vue使用：  

get(){ this.$http.get('http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1') .then(res=>{ console.log(res) console.log("执行") }) }

 

模拟接口插件的使用

1.安装：

npm install mockjs --save(写入package.json)

2.新建mock.js文件

3.在mock.js文件引入：

import Mock from 'mockjs';//var Mock = require('mockjs');

4.1在入口文件main.js引入:

   

require('./mock.js');

4.2写法2在mian.js中  

var Mock = require('./mock.js'); Vue.use(Mock);

5.入口文件引入的插件在所有模块中都可以用

5在home.vue使用：  

mockjs(){ this.$http.get('/home').then(res=>{ console.log(res.data) console.log("执行") }) }