Vue单文件组件怎么使用？

Question

如图。由于本人对Vue不熟悉。
网上很多例子都是要用到路由来的，且是前后端分离。(我这边不需要用到前端定义路由，我这项目不是前后端分离的)

我这个是用webpack打包，理想中的是页面 a,b,c,d 引入这个main.js，然后 a 使用 a.vue 这个组件,b 页面使用 b.vue, c 使用 c.vue。。。

但我不知道怎么下手～

谢谢各位的回答～

Answer 1

配个vue-loader

Answer 2

单页的话，是有一个主页面，及时不用路由。

也需要有一个Vue实例。其他的页面当做compents去用

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

建议跟着官方文档一起学习。

Answer 3

新手建议你从vue提供的webpack模板开始学习。
1、安装vue-cli，npm install vue-cli -g
2、命令行执行，vue init webpack demoproject

具体详见vue-cli的github文档。
或搜索vue webpack。