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); });