Maison > interface Web > js tutoriel > Comment utiliser Vue+Mock.js pour créer un environnement de développement indépendant front-end

Comment utiliser Vue+Mock.js pour créer un environnement de développement indépendant front-end

不言
Libérer: 2018-07-14 09:19:05
original
2001 Les gens l'ont consulté

Cet article présente principalement comment utiliser Vue+Mock.js pour créer un environnement de développement indépendant front-end. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

  1. Installer Mock

    npm i mockjs -s

  2. Créer un fichier Mock

    Créez un Mock.js dans le même répertoire que main.js ( peut être n'importe quel nom) utilisé pour stocker notre code de tromperie de données

Mock.js

const Mock = require('mockjs')

Mock.mock('/register', function (options) {
  console.log(options)
  return Mock.mock({
    'number': '1'
  })
})
Copier après la connexion
Dans ce fichier, nous pouvons intercepter les requêtes ajax selon le document Mockjs , renvoie les données simulées. Quant à savoir comment procéder, il suffit de lire la documentation C'est assez simple

3. Introduisez les données qui doivent être simulées dans main.js

main.js
<.>

4. Voici la configuration. Envoyez la demande comme d'habitude sur la page où la demande doit être envoyée. Mock.js interceptera automatiquement la demande et renverra les données que nous avons définies.
require('./mock')
Copier après la connexion

Le. ci-dessus est l'intégralité du contenu de cet article. J'espère qu'il vous sera utile. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Directives personnalisées Vue2.0 et attributs et méthodes d'instance


Comment utiliser NodeJS + Lighthouse + Gulp est un outil permettant de créer des tests automatisés de performances de sites Web

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal