V-Model: 一个 ng-resource 风格的 Vue.js 模型库

2016-12-11 23:50:48 +08:00
 laoshu133

使用 Vue.js 开发后台过程中每个模块都需要写大量重复代码,尝试用过 vue-resource 并不是很好用,还有诸多 Bug ,于是自己动手造了一个轮子:

v-model ( https://github.com/laoshu133/v-model)

代码风格趋近于 ng-resource,易于上手 😄

举例:

const PostModel = Model.extend('/posts/:id', {
    publish: { method: 'POST' }
}, {
    EDITING: 0,
    PUBLISHED: 1
});

const app = new Vue({
    el: '#app',
    data: {
        post: new PostModel({
            status: PostModel.EDITING,
            content: '',
            title: ''
        })
    },
    methods: {
        load(id) {
            this.post = PostModel.get({
                id: id
            });

            return this.post.$promise;
        },
        save(data) {
            return this.post.$save(data);
        }
    }
});
1890 次点击
所在节点    Vue.js
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/326909

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX