vue中CSS与JS代码分离

前言

一个vue页面有着 HTML、CSS和JS代码，看起来代码过多，不好管理，所以就需要分开写CSS和JS

---

教程

在 assets 下创建 css 和 js 文件夹，在页面中引入

<script src="@/assets/js/home.js"/>

<style lang="less" src="@/assets/css/home.less"/>

或者

<script src="../assets/js/home.js"/>

<style lang="less" src="../assets/css/home.less"/>

后面只需要在相应文件中写入相应代码即可