vue cli3中mockJs的使用

mock:

作用：生成隨機資料，攔截ajax請求

安裝：npm install mockjs

核心：mock.mock()

mock.random()隨機生成資料

安裝完成後，在src目錄下新建mock資料夾，建立mock/index.js作為配置檔案

import mock from "mockjs";

//設定200-2000毫秒延時請求資料
mock.setup();

import "./mock/index";

接下來可以在mock資料夾下通過建立模擬檔案的方式來模擬資料，如建立home.js模擬首頁資料的載入

import mock from "mockjs";

export default ,,,
,]}};
},getstaticdata: () => ));}
return 
};}};

import mock from "mockjs";

import homeapi from "./home";
//設定200-2000毫秒延時請求資料
mock.setup();
//首頁相關
//攔截的/home/getdata
mock.mock(/\/home\/gethomedata/, "get", homeapi.gethomedata);
mock.mock(/\/home\/getstaticdata/, "get", homeapi.getstaticdata);

解決Vue cli3中的Eslint報錯

今天用vue cli3搭建專案，寫了幾個頁面，去編譯的時候eslint都會丟擲錯誤 原因就是在專案搭建的時候選擇的是standard 正常模式 所以每次啟動專案的之後都會對 進行檢查，是否符合eslint規範。解決方法 想要關閉eslint語法檢查只要在.eslintrc.js檔案中找到 vue s...

svg在vue cli3中的配置

svg向量圖有時候在專案中用起來當然要比用起來好。之前沒有用過svg，這次花了一點時間在專案中支援了svg的使用，個人感覺用起來還是沒有直接用font class的爽，然後又改成font class的使用，如下我說一下我是如何配置svg和font class的 這兩者都是iconfont 的不同使用...

vue cli 3學習要點

只整理了一下vue cli 3的基礎內容部分，其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型，不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中，你也會被提示選擇喜歡的包管理器...