单文件组件

单文件组件是更好的选择。它更容易被复用、被修改、被测试。

不过单文件组件更依赖对整个前端工具体系的掌握，你必须会用 Webpack，会配置各种 loader，对于一些初学者可能会比较困难。所以我建议不要着急上单文件组件，干什么事都应该循序渐进，先把 Vue 用好用熟练，解决掉日常用到的问题，再找机会切换到单文件模式就好。

之前的工作当然不是白费的，Vue 的单文件组件也可以正常使用 import、export，所以之前写好的组件可以直接放进来。

比如我们的 Modal，完成之后，将来如果要誊到单文件组件中，只需要在里面引用就好：

<template>
  ....
</template>
<script src="./my-modal.js"></script>