如何将.vue文件转换为用script导入vue的.html文件

Question

之前一直使用npm建立vue框架，其中页面内容都通过.vue文件来封装不同的组件，有什么方法能将这些.vue文件变为一个.html文件，如图1为vue框架项目，想转换为用html通过script导入vue.js来实现vue框架的使用。主要的问题在于，转为html时对应的组件标签内容为在template标签中，但该.vue文件中还有script 和style 该如何加在组件中来实现，网上的教程中只有template的标签。

如图2为网上一般的组件教程，只有template标签，所以不知道怎么存放.vue文件中的script与style标签

Answer 1

style就是样式放到css文件头部引入就行了，script部分是当前组件的选项对象，对应Vue.component('my-component', { /* ... */ })第二个参数对象。