鍍金池/ 問答/HTML/ Vue單文件組件怎么使用？

Vue單文件組件怎么使用？

圖片描述

如圖。由于本人對Vue不熟悉。
網(wǎng)上很多例子都是要用到路由來的，且是前后端分離。(我這邊不需要用到前端定義路由，我這項目不是前后端分離的)

我這個是用webpack打包，理想中的是頁面 a,b,c,d 引入這個main.js，然后 a 使用 a.vue 這個組件,b 頁面使用 b.vue, c 使用 c.vue。。。

但我不知道怎么下手～

謝謝各位的回答～

回答
編輯回答
貓小柒

單頁的話，是有一個主頁面，及時不用路由。

也需要有一個Vue實例。其他的頁面當(dāng)做compents去用

https://vuefe.cn/v2/guide/ins...

建議跟著官方文檔一起學(xué)習(xí)。

2017年3月6日 00:46
編輯回答
雅痞

新手建議你從vue提供的webpack模板開始學(xué)習(xí)。
1、安裝vue-cli，npm install vue-cli -g
2、命令行執(zhí)行，vue init webpack demoproject

具體詳見vue-cli的github文檔。
或搜索vue webpack。

2018年5月19日 09:24
編輯回答
替身

配個vue-loader

2017年11月3日 21:31