vue项目中单文件组件xx.vue文件太长，我们想分离成独立的文件，然后做到热重载和预编译

官网链接

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

• 需要注意的是css文件引入的时候不要用@import

<style lang="scss" scoped>
  @import "../assets/scss/app.scss";
style>

<style lang="scss" scoped src="../assets/scss/app.scss">style>