vue的js html和css可以分开写吗

Question

代码太多了，应该怎么分开引入，小白求解

Answer 1

<template>
<div>This will be pre-compiled</div>
</template>
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>

Answer 2

//index.vue
<script> 
import template from './index.html'

export default {
  template
}
</script>

<style  scoped> 
@import './index.css';
</style>

//index.html
<input type="text" class="input">

//index.css
.input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid blue;
}

Answer 3

专门有个style文件夹放css文件，在你的vue文件import不就好了

Answer 4

可以，通过src引入就可以了，官方文档就有说，仔细读一下。

Answer 5

https://cn.vuejs.org/v2/guide...？

Answer 6

安装vgc

Answer 7

楼上各位回答了。

代码太多应该把各个功能独立开来，不然为什么要模块化？