這篇文章主要介紹了mockjs+vue頁(yè)面如何直接展示數(shù)據(jù)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)主打移動(dòng)網(wǎng)站、成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)站改版、網(wǎng)絡(luò)推廣、網(wǎng)站維護(hù)、空間域名、等互聯(lián)網(wǎng)信息服務(wù)，為各行業(yè)提供服務(wù)。在技術(shù)實(shí)力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務(wù)，根據(jù)網(wǎng)站的內(nèi)容與功能再?zèng)Q定采用什么樣的設(shè)計(jì)。最后，要實(shí)現(xiàn)符合網(wǎng)站需求的內(nèi)容、功能與設(shè)計(jì)，我們還會(huì)規(guī)劃穩(wěn)定安全的技術(shù)方案做保障。

一、導(dǎo)讀

將 mockjs 的數(shù)據(jù)直接展示在 vue 頁(yè)面上

mockjs官網(wǎng)鏈接

關(guān)于mockjs，官網(wǎng)描述的是

1.前后端分離

2.不需要修改既有代碼，就可以攔截 Ajax 請(qǐng)求，返回模擬的響應(yīng)數(shù)據(jù)。

3.數(shù)據(jù)類型豐富

4.通過隨機(jī)數(shù)據(jù)，模擬各種場(chǎng)景。

等等優(yōu)點(diǎn)。

二、安裝mockJS

//安裝mockJS
npm install mockjs

不說廢話，貼代碼。

三、將 mockjs 的數(shù)據(jù)直接展示在 vue 頁(yè)面上

引用

import Mock from 'mockjs';

注意

• 使用

   標(biāo)簽?zāi)芨袷交敵?json 代碼
  

• 使用 mockjs 的隨機(jī)函數(shù) Random 要先定義常量

• 自定義隨機(jī)函數(shù)用 extend

代碼

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“mockjs+vue頁(yè)面如何直接展示數(shù)據(jù)”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!