关于网友提出的“(vue.js)请教vuejs单vue文件组件开发方式”问题疑问，本网通过在网上对“(vue.js)请教vuejs单vue文件组件开发方式”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：
问题：(vue.js)请教vuejs单vue文件组件开发方式
描述:
看了vuejs官方的构建大型应用，如图所示，但是只给出了vue文件的内容，想请教一下，按照这种单vue文件的组件编写方式，在主js中要如何引用？以及如何编译？看了一大堆什么require，import，webpack。。。。搞晕了，其实我想实现的目的就是一个组件一个vue文件，然后在js中需要的地方就引入。但现在的打包工具太多了，想问下最简单的方式是什么。感谢。
http://cn.vuejs.org/images/vue-component.png
解决方案1:
官方的单文件模块方式使用.vue文件，需要有打包工具去解析文件才行。这里面只涉及到的打包工具，webpack和browserify。如果你都不会，去学一个，只有好处
如果你非不想用.vue方式，可以单独将component的定义放在一个js文件中，注册为全局组件，然后在使用的时候把它引过去。
Vue.component('my-component', MyComponent);
但是这有几个问题，template估计你需要拼html，并且样式没有像.vue中那样，可以写在style下面
以上介绍了“(vue.js)请教vuejs单vue文件组件开发方式”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1204691.html
