axios.defaults.baseURL = 'http://localhost:8080/book/'; var vm = new Vue({ el: '#app', data: { id: '', bookName:'', flag: false, submitFlag: false, books: [] }, methods:{ handle: async function () { //编辑 var book = { id: this.id, bookName: this.bookName }; await axios.put(book.id, book); await this.queryBooks(); this.id = ''; this.bookName = ''; this.flag = false; }, //编辑处理 toEdit: async function (id) { var response = await axios.get(id); this.id = response.data.id; this.bookName = response.data.bookName; this.flag = true; }, deleteBook: async function (id) { }, queryBooks: async function () { var response = await axios.get(); this.books = response.data; } }, computed:{ total: function () { return this.books.length; } }, watch: { name: function (val) { console.log(val); } }, mounted:function () { this.queryBooks(); } });补全代码通过JSON选项传参数

需要在调用 axios 方法时，传入一个配置对象，并在该对象中设置 `data` 属性，该属性的值为一个 JSON 格式的对象，表示需要传递的参数。示例代码如下：

axios({
  method: 'post',
  url: '/api',
  data: {
    name: '张三',
    age: 18,
    gender: '男'
  },
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

其中，`data` 属性的值为一个 JSON 格式的对象，表示需要传递的参数。在发送 POST 请求时，需要设置请求头的 `Content-Type` 属性为 `application/json`，表示请求体为 JSON 格式。