如何将.vue文件转换为用script导入vue的.html文件
问题描述:
之前一直使用npm建立vue框架,其中页面内容都通过.vue文件来封装不同的组件,有什么方法能将这些.vue文件变为一个.html文件,如图1为vue框架项目,想转换为用html通过script导入vue.js来实现vue框架的使用。主要的问题在于,转为html时对应的组件标签内容为在template标签中,但该.vue文件中还有script 和style 该如何加在组件中来实现,网上的教程中只有template的标签。
如图2为网上一般的组件教程,只有template标签,所以不知道怎么存放.vue文件中的script与style标签
答
style就是样式放到css文件头部引入就行了,script部分是当前组件的选项对象,对应Vue.component('my-component', { /* ... */ })第二个参数对象。