Vue.js HTTP 請求

Vue.js 是一個開源的 JavaScript 框架，可以用於開發單頁面應用程式 (SPA)。它可以讓開發者快速地開發可互動的網頁應用程式，並提供了豐富的功能來處理 HTTP 請求。

Vue.js 提供了一個 $http 全域變數，可以讓開發者輕鬆地發出 HTTP 請求，例如 GET、POST、PUT 和 DELETE 等等。

// GET 請求
this.$http.get('/api/users').then(response => {
  // 處理回應
});

// POST 請求
this.$http.post('/api/users', {
  name: 'John Doe'
}).then(response => {
  // 處理回應
});

Vue.js 也提供了一個 $resource 全域變數，可以讓開發者更輕鬆地發出 HTTP 請求，並且可以自動處理回應的資料。

// GET 請求
this.$resource('/api/users').get().then(response => {
  // 處理回應
});

// POST 請求
this.$resource('/api/users').save({
  name: 'John Doe'
}).then(response => {
  // 處理回應
});

此外，Vue.js 還提供了一個 $fetch 全域變數，可以讓開發者使用 fetch API 來發出 HTTP 請求。

// GET 請求
this.$fetch('/api/users').then(response => {
  // 處理回應
});

// POST 請求
this.$fetch('/api/users', {
  method: 'POST',
  body: {
    name: 'John Doe'
  }
}).then(response => {
  // 處理回應
});

Vue.js 的 HTTP 請求功能非常強大，可以讓開發者快速地發出 HTTP 請求，並且可以自動處理回應的資料。它可以讓開發者更輕鬆地開發可互動的網頁應用程式，並且可以為網站提供更好的 SEO 優化。