vue入門 對vue專案中api介面的封裝管理

很多朋友在開發過程中，習慣性直接將api的呼叫寫在單個元件之中，就直接呼叫請求。例如：

在前端專案開發中，從整體架構出發，我們可以將專案中所有api進行封裝，從而便於我們進行統一管理。

在src目錄下，新建api資料夾，在api資料夾下建立index.js和api.js。

1、api.js。主要用來統一管理專案所有api請求。如下：

import axios from 'axios'

let host = window.g.apiurl

// 獲取主頁資訊

export const getindex = params => /api/index/`, ) }

// 獲取城市資訊

export const getcity = params => /api/city/`) }

// 獲取詳細資訊

export const getdetail = params => /api/detail/`, ) }

// 註冊

注：1、此處我們使用了axios進行http請求，具體知識點和使用在以後的文件中再記錄。

2、此處表示式為es6（ecmascript6）的箭頭函式。es6的可自行學習《ecmascript 6 入門》。

3、在元件中呼叫api介面。例如：

這樣，我們就可以在api.js中查閱到專案中所有api介面的呼叫，便於介面的管理。

vue 關掉vue專案中的ESlint

在新建專案的時候，還信心滿滿的要標準開發，於是開啟了eslint 檢測，後來才發現，想法的太天真，空格縮排不對都要報錯，而且我對錯誤是0容忍。並且一般都是用外掛程式對 進行格式化，但還是很多錯誤，實在不想一遍遍去排查，於是找了找資料，關掉專案中eslint 但是eslint也有可取之處。它可輔助規範...

vue專案常用API

檔案 utils util.js const formattime date const formatnumber n function checkmobile mobile test mobile 驗證手機號 function password pws test pws 驗證密碼 return r...

vue 專案中的scoped

加了scoped的樣式，在打包後，就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識，看下面例子就曉得了 打包後在.css檔案中就成了如下 one h1 xx h2 xx h4 xx 這裡的 xx在同乙個scoped裡面的都一樣，不同的不一樣 這就是為什麼引入其他元件時，在帶有sco...