vue中mockjs初體驗

2021-10-25 22:28:41 字數 527 閱讀 5070

1.安裝mockjs 使用npm 安裝;

2.在src下建立乙個mock資料夾寫乙個mock.js檔案

如下:

import mock from

'mockjs'

;//模擬資料

// mock.

mock

('/userinfo',}

);//延時400s請求到資料

mock.

setup()

//延時200-600毫秒請求到資料

// mock.setup()

3.在main.js中引入此檔案

import

'./mock/mock.js'

;

4.在請求中使用,請求的位址和mock中的匹配就能訪問到了

mockquery()

).catch

(error =>

)}

後續高階

vue的初體驗

詳細看vue的官方文件。此處記錄純屬個人在使用中的一些小結 1 v text 操作元素的純文字,其簡寫形式 eg 簡寫為 2 v html 其作用和v text一樣,唯一的區別是瀏覽器會將v html的資料當成html標籤解析後輸出 3 繫結事件用 v on click 標誌,v on 可簡寫為 4...

vue路由初體驗

這裡記一下,免得後面到處是錯 而且總是出錯,大部分是單詞打錯了,注意細節 新建乙個資料夾modules 裡面放router.js 在裡面import vue from vue 引入vue import index from comptents index index.vue 先引入等下要跳轉的模組 ...

Vue初體驗(一)

每個 vue 應用都需要通過例項化 vue 來實現。語法格式如下 varvm newvue 接下來讓我們通過例項來看下 vue 構造器中需要哪些內容 可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue det,在 div 元素中 div id ...