H5+Mui文件配置 vue-resource基本使用方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

使用HBuilder空项目搭建h5原生开发框架需要的文件配置：

*css：mui.min.css

*fonts:mui.ttf mui-icon-extra.ttf

*js:mui.js mui.min.js

修改fonts可以在mui.main.css文件里面寻找@font-face

附文件包下载地址：http://files.cnblogs.com/files/bg-tab/h5libmui.zip

vue-resource:

GET:

//打开文件 get里面参数(url,参数{a:1,b:2}) then两个function 第一个成功 第二个失败
this.$http.get('new_file.txt').then(function(res) {
this.msg = res.data;
alert('成功' + res.data);
}, function(res) {
alert('失败' + res.data);
});

POST:

this.$http.post('new_file.txt', {
emulatJSON: true
}).then(function(res) {

}, function(res) {

});

使用post进行form表单提交需要使用FormData类

var formData = new FormData();formData.append('name',this.name);

formData.append('password',this.pwd);post参数传formData

JSONP：

this.$http.jsonp('https://sug.so.360.cn/suggest?callback=jQuery18306027429322712123_1483684325974', {
word: 'a'
},{
jsonp:'callback'//callback
}).then(function(res) {
alert('成功' + res.data.s);
}, function(res) {
alert('失败' + res.data);
});