使用 Rest Api 的 Vue.js 持久远程存储

Question

在示例TodoMVC 中，我知道我可以挂钩fetch 和save 函数以使用jQuery Ajax Get/Post 与后端API 交互以进行远程存储。

例如

var todoStorage = {
  fetch: function () {
    var todos = JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]')
    todos.forEach(function (todo, index) {
      todo.id = index
    })
    todoStorage.uid = todos.length
    return todos
  },
  save: function (todos) {
    localStorage.setItem(STORAGE_KEY, JSON.stringify(todos))
  }
}

但是由于我的后端已经是 RESTful API，有没有更优雅的方式来更整洁地映射我的 Restful API？

Answer 1

是的。 您可以使用任何 AJAX 库，例如 Vue-resource 并使用： Vue.$http.post 保存数据，Vue.$http.get 获取数据。 就这么简单。