So erstellen Sie mit Vue+Mock.js eine Front-End-unabhängige Entwicklungsumgebung

Dieser Artikel stellt hauptsächlich vor, wie man mit Vue+Mock.js eine Front-End-Entwicklungsumgebung erstellt. Jetzt kann ich ihn mit Ihnen teilen.

1. Mock installieren

   npm i mockjs -s

2. Mock-Datei erstellen
   Erstellen Sie eine Mock.js im selben Verzeichnis wie main.js ( kann ein beliebiger Name sein) wird zum Speichern unseres Datentäuschungscodes verwendet

Mock.js

const Mock = require('mockjs')

Mock.mock('/register', function (options) {
  console.log(options)
  return Mock.mock({
    'number': '1'
  })
})

In dieser Datei können wir die Ajax-Anfrage gemäß dem Mockjs-Dokument abfangen und zurückgeben. Daten simulieren. Wie das geht, lesen Sie einfach die Dokumentation, es ist ganz einfach

3. Geben Sie die Daten ein, die simuliert werden müssen, in main.js
main.js

require('./mock')

So wird die Anfrage wie gewohnt auf der Seite gesendet, an die die Anfrage gesendet werden muss, und die von uns festgelegten Daten werden zurückgegeben Ich hoffe, dass der gesamte Inhalt dieses Artikels zum Lernen aller beiträgt. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Benutzerdefinierte Vue2.0-Anweisungen sowie Instanzattribute und -methoden

So verwenden Sie NodeJS + Lighthouse + Gulp ist ein Tool zum Erstellen automatisierter Website-Leistungstests

Das obige ist der detaillierte Inhalt vonSo erstellen Sie mit Vue+Mock.js eine Front-End-unabhängige Entwicklungsumgebung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!