Vue專案中各種常見的痛點問題及解決方案

2021-10-09 21:21:20 字數 616 閱讀 5179

常見問題

1.列表進入詳情頁的傳參問題

2.本地開發環境請求伺服器介面跨域的問題

3.axios封裝和api介面的統一管理

4.ui庫的按需載入

5.如何優雅的只在當前頁面中覆蓋ui庫中元件的樣式

6.定時器問題

7.rem檔案的匯入問題

8.vue-awesome-swiper基本能解決你所有的輪播需求

9.打包後生成很大的.map檔案的問題

10.fastclick 的300ms延遲解決方案

11.元件中寫選項的順序

12.路由懶載入(也叫延遲載入)

13.開啟gzip壓縮**

14.詳情頁返回列表頁快取資料和瀏覽位置、其他頁面進入列表頁刷洗資料的實踐

15.css的scoped私有作用域和深度選擇器

16.hiper開啟速度測試

17.vue資料的兩種獲取方式+骨架屏

18.自定義元件(父子元件)的雙向資料繫結

19.路由的拆分管理

20.mixins混入簡化常見操作

21.打包之後檔案、、背景圖資源不存在或者路徑錯誤的問題

vue 預檢 vue專案中的請求問題

axios post會傳送2次請求 第一次為options options不帶引數 第二次為自己設定的post請求 帶參 這段為引用 跨域資源共享標準新增了一組 http 首部字段,允許伺服器宣告哪些源站有許可權訪問哪些資源。另外,規範要求,對那些可能對伺服器資料產生 的 http 請求方法 特別是...

vue 專案中的scoped

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

vue 專案中動態渲染遇到的問題

item.unittype 1 v model item.buycount style width 80px input goodsnumblur item,index el input 這是動態渲染出來的input框,繫結的值是列表的某乙個字段 現在遇到乙個問題就是當我改變這個框的值時,不能大於本...