[問題] Vue頁面無法顯示Component

看板Ajax作者Louisay11 (水怪)時間5年前 (2019/06/29 03:55)推噓0(0推 0噓 3→)

留言3則, 3人參與討論串1/1

想請問各位高手們前端新手剛摸索Vue.js 剛建立好的Component要如何順利顯示在網頁上呢？使用了webpack建立了專案剛開始localhost開啟網頁還有Hello Vue 之後新增了component test.vue 開啟localhost一直是空白頁新增的component一直無法顯示即使我把test.vue刪除讓檔案跟原本剛建立時一樣連Hello Vue都無法再顯示了但localhost又可以顯示index.html的內容我google了半天，發現大家都可以順利顯示Component 也參考了相關路由設定還是無法顯示我的Component 求解感謝大家 ----- Sent from JPTT on my Asus ASUS_Z01RD. -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 27.246.195.108 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1561751715.A.07B.html

→

brianwu1201

06/29 12:44, 5年前 , 1^F

06/29 12:44, 1^F

→ brianwu1201: 嗎 XD 抱歉,我補上範例下面是欲放上的component test.vue <template> <div class="show">{{msg}}</div> </template> <script> export default { data() { return { msg: "Hello!" }; } }; </script> (省略css） index.js修改如下 import Vue from "vue"; import Router from "vue-router"; import HelloWorld from "@/components/HelloWorld"; import test from "@/components/test"; Vue.use(Router); export default new Router({ routes: [ { path: "/", name: "HelloWorld", component: HelloWorld }, { path: "/test", name: "/test", component: test } ] }); main.js沒有更動到 import Vue from "vue"; import App from "./App"; import router from "./router"; Vue.config.productionTip = false; /* eslint-disable no-new */ new Vue({ el: "#app", router, components: { App }, template: "<App/>" }); 是按照網路上的範例以vue cli建立的但還是無法顯示自己新建的Component>< 謝謝 06/29 12:44 ※ 編輯: Louisay11 (150.117.253.10 臺灣), 06/29/2019 14:38:57