Vue中html、css、js分离

一：首先，在 .vue文件中设置如下：（用webpack和vue-cli的话不建议使用该方法）

<template src="./record.html"></template>

<script src="./record.js"></script>

<style src="./record.scss" lang="scss"></style>

Js文件和css文件以及HTML文件分别放在两个专门存放js或者css以及HTML的文件当中，然后在vue文件中直接引入即可！

 

二：直接引用：

<template>

  <div>html</div>

</template>

<script src="./***.js"></script>

<style src="./***.css"></style>