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

Question

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

Answer 1

//index.vue<script>&nbsp;import template from './index.html'export default {&nbsp; template}</script><style&nbsp; scoped>&nbsp;@import './index.css';</style>//index.html<input type="text" class="input">//index.css.input {&nbsp; width: 100%;&nbsp; padding: 8px 10px;&nbsp; border: 1px solid blue;}

Answer 2

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