Heim > Web-Frontend > js-Tutorial > So lesen Sie Daten über eine JSON-Datei in Vue2.5

So lesen Sie Daten über eine JSON-Datei in Vue2.5

亚连
Freigeben: 2018-06-04 13:40:14
Original
2547 Leute haben es durchsucht

Dieser Artikel gibt Ihnen eine detaillierte Einführung in die Methode zum Lesen von Daten über JSON-Dateien durch Beispielcode. Er ist sehr gut und hat Referenzwert.

1. Vorbereitungsarbeit

1.1 webpack.dev.conf.js

Fügen Sie unten den folgenden Code hinzu const portfinder = require(‘portfinder')

const express = require('express')
const app = express()
var appData = require('../data.json')//加载本地数据文件的路径
var leftMenu = appData.leftMenu //获取对应的本地数据
var 数据名称 = appData.选择项
var apiRoutes = express.Router()
app.use('/api', apiRoutes)
Nach dem Login kopieren

Suchen Sie devServer und fügen Sie Code hinzu

before(app) {
 app.get('/api/leftmenu', (req, res) => {
  res.json({
   errno: 0,
   data: leftMenu
  })//接口返回json数据,上面配置的数据seller就赋值给data请求后调用
 }),
 app.get('/api/数据', (req, res) => {
  res.json({
   errno: 0,
   data: 数据(与上面数据名称对应)
  })
 })
}
Nach dem Login kopieren

2. Unter den verwendeten Komponenten

created(){
  this.$http.get('api/leftmenu').then((response) => {
   console.log(response)
   this.leftMenu = response.body.data  //数据位置
  })
} 
data(){
  return{
    leftMenu:[];  
  }
}
Nach dem Login kopieren

Das Obige ist das, was ich für alle zusammengestellt habe die Zukunft.

Verwandte Artikel:

Wie aktiviert man standardmäßig das erste Kontrollkästchen in einer V-for-Schleife durch Vue?

Wie implementiert man die Wertübergabe und die URL-Codierungskonvertierung in JS-Formularen?

Wie verwende ich jQuery, um die Umschaltmethode zum Schieben nach links und rechts zu implementieren?

Das obige ist der detaillierte Inhalt vonSo lesen Sie Daten über eine JSON-Datei in Vue2.5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage