sleepysimon
Cadet 4th Year
- Registriert
- März 2012
- Beiträge
- 65
Hallo Zusammen,
kann mir jemand erklären, wie ich einen einzelnen Wert aus einer .json-Datei in meiner Vue-App anzeigen lassen kann?
Kapiere das nicht und mein Code geht nicht.
Muss wohl über einen XMLHttpRequest laufen, in einen Alert bekomme ich die Werte auch rein, aber als plain text kann ich sie nicht anzeigen lassen bzw. ich weiß einfach nicht wie..
Grüße
Simon
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Simon VueJS</title>
<link href="styles.css" rel="stylesheet" />
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="vue-root">
{{ item.username }}
</div>
<script src="app.js"></script>
</body>
</html>
vue.app:
new Vue({
el: "#vue-root",
data: {
items:[]
},
created(){
this.fetchData()
},
methods: {
fetchData() {
this.$http.get('https://jsonplaceholder.typicode.com/users')
.then(result => {
this.items = result.data
})
}
}
})
kann mir jemand erklären, wie ich einen einzelnen Wert aus einer .json-Datei in meiner Vue-App anzeigen lassen kann?
Kapiere das nicht und mein Code geht nicht.
Muss wohl über einen XMLHttpRequest laufen, in einen Alert bekomme ich die Werte auch rein, aber als plain text kann ich sie nicht anzeigen lassen bzw. ich weiß einfach nicht wie..
Grüße
Simon
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Simon VueJS</title>
<link href="styles.css" rel="stylesheet" />
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="vue-root">
{{ item.username }}
</div>
<script src="app.js"></script>
</body>
</html>
vue.app:
new Vue({
el: "#vue-root",
data: {
items:[]
},
created(){
this.fetchData()
},
methods: {
fetchData() {
this.$http.get('https://jsonplaceholder.typicode.com/users')
.then(result => {
this.items = result.data
})
}
}
})
Zuletzt bearbeitet:
