vue 常用的插件(自整理)
vue-resourcevue-resource 作为vue插件的形式存在,通过XMLHttpRequest或JSONP发起请求并处理响应。开发中常用。用法:npm install vue-resource --save如果你的项目遵守commonJS规范var Vue = require('vue');Vue.use(require('vue-resource'));get方式的套路:n
vue-resource
vue-resource 作为vue插件的形式存在,通过XMLHttpRequest或JSONP发起请求并处理响应。开发中常用。
用法:
npm install vue-resource --save
如果你的项目遵守commonJS规范
var Vue = require('vue');
Vue.use(require('vue-resource'));
get方式的套路:
new Vue({
el: '#app',
ready: function() {
this.$http.get('book.json', function(data) {
this.$set('books', data);
}).error(function(data, status, request) {
console.log('fail' + status + "," + request);
})
},
data: {
....
books:''
},
.....
post 方式的套路
post 的语法也很简单:
this.$http.post(url,postdata,function callback)
在使用的时候遇到一个小坑,这个$http请求和jquery的ajax还是有点区别,这里的post的data默认不是以form data的形式,而是request payload。解决起来也很简单:在vue实例中添加headers字段:
http: {
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}
后来翻了下vue-resource的源码,发现有更加简单的做法:
Vue.http.options.emulateJSON = true;
http-server
利用npm 本地启动一个服务,使用 http-server
npm install http-server -g
//在当前目录
http-server
//然后访问localhost:8080
v-tap
vue 上的事件利用v-tap 利于参数传递和event 参数的获取,比原生更便于使用。同时也解决了300ms 的问题。
常用的形式:
Vue2.0的绑定形式略有不同 主要改为
v-tap={ methods : xxx , paramA : a,paramB:b}
的形式。
mint-ui
饿了么的移动端UI 框架mint-ui ,可满足大部分的样式。
vue-clipboard2
网页端、H5操作剪切板,辅助功能,使用vue-clipboard2 ,适用于vue2.0。 它是基于
clipboard.js 的封装。更具体的可以查看clipboard.js
其他的后续加上。。。
更多推荐
所有评论(0)