https://qiita.com/maisuto/items/2bf1b072f189a65d6f6e
の記事に沿ってvue.jsを作っています。
App.vueに
<template> <div> <v-card> <v-container grid-list-lg> <v-layout row wrap> <v-flex xs6 v-for="data in questions" :key="data.id"> <v-card color="primary" class="white--text"> <v-card-title primary-title> <div>{{ data.questionText }}</div> </v-card-title> <v-card-text> <div>{{ data.pubDate|printDate }}</div> </v-card-text> </v-card> </v-flex> </v-layout> </v-container> </v-card> </div> </template> <script> export default { name: 'App' } </script>
と、
Index.vueに
<script> import axios from 'axios' import moment from 'moment' export default { name: 'PollIndex', data () { return { questions: [] } }, methods: { fetchData () { axios.get('http://localhost:8000/api/1.0/questions/').then(res => { this.questions = res.data.results }) } }, filters: { printDate (val) { return moment(val).locale('ja').format('YYYY年MM月DD日(ddd) HH時mm分ss秒') } }, mounted () { this.fetchData() } } </script>
と、
index.jsに
import Vue from 'vue' import Router from 'vue-router' import PollIndex from '@/components/Poll/Index' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'PollIndex', component: PollIndex } ] })
とかいて、npm run devで起動しましたが、ブラウザに真っ白な画面が表示されました。エラーは何も出ていません。何が問題なのでしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。