vue 常用的插件(自整理)

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

其他的后续加上。。。

  • 4
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值