回答編集履歴

サーバー側設定について追記

2017/07/28 07:55

投稿

スコア769

test CHANGED Viewed

@@ -42,6 +42,12 @@
+また、HTML5 history モードにするとWebサーバ側での設定が必要になります。
+下記のドキュメントに詳細が書いてあります。
+[https://router.vuejs.org/ja/essentials/history-mode.html](https://router.vuejs.org/ja/essentials/history-mode.html)
 ### 2. usersが開かれるたびにJSONデータを取りに行っていた点

v-ifを追記

2017/07/28 07:55

投稿

スコア769

test CHANGED Viewed

@@ -228,11 +228,15 @@
   <div class="users">
+    <div v-if="this.$parent.$parent.$data.users != null">
-    <ul v-for="user in this.$parent.$parent.$data.users" :key="user.id">
+      <ul v-for="user in this.$parent.$parent.$data.users" :key="user.id">
-      <li><router-link :to="'/user/' + user.id">{{user.name}}</router-link></li>
+        <li><router-link :to="'/user/' + user.id">{{user.name}}</router-link></li>
-    </ul>
+      </ul>
+    </div>
   </div>

URLについて追記

2017/07/28 07:32

投稿

スコア769

test CHANGED Viewed

@@ -30,6 +30,18 @@
 ```
+また、HTML5 history モードにするとURLが
+http://127.0.0.1:8080/#/users
+から
+http://127.0.0.1:8080/users
+に変化します。
 ### 2. usersが開かれるたびにJSONデータを取りに行っていた点

参考を追加

2017/07/28 07:13

投稿

スコア769

test CHANGED Viewed

@@ -12,7 +12,7 @@
 （以下の記事から抜粋）
-https://router.vuejs.org/ja/advanced/scroll-behavior.html
+[https://router.vuejs.org/ja/advanced/scroll-behavior.html](https://router.vuejs.org/ja/advanced/scroll-behavior.html)
@@ -243,3 +243,9 @@
 - /my-project/src/components/UserDetail.vue
 変更なし
+# 参考
+[http://notsleeeping.com/archives/2676](http://notsleeeping.com/archives/2676)

fix

2017/07/28 07:07

投稿

スコア769

test CHANGED Viewed

@@ -1,4 +1,4 @@
-## 2点の問題がありました。
+## 3点の問題がありました。