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

其他的后续加上。。。

Logo

前往低代码交流专区

更多推荐