请教vuejs单vue文件组件开发方式

Question

看了vuejs官方的构建大型应用，如图所示，但是只给出了vue文件的内容，想请教一下，按照这种单vue文件的组件编写方式，在主js中要如何引用？以及如何编译？看了一大堆什么require，import，webpack。。。。搞晕了，其实我想实现的目的就是一个组件一个vue文件，然后在js中需要的地方就引入。但现在的打包工具太多了，想问下最简单的方式是什么。感谢。
http://cn.vuejs.org/images/vue-component.png

Answer 1

官方的单文件模块方式使用.vue文件，需要有打包工具去解析文件才行。这里面只涉及到的打包工具，webpack和browserify。如果你都不会，去学一个，只有好处

如果你非不想用.vue方式，可以单独将component的定义放在一个js文件中，注册为全局组件，然后在使用的时候把它引过去。

Vue.component('my-component', MyComponent);

但是这有几个问题，template估计你需要拼html，并且样式没有像.vue中那样，可以写在style下面