VueJs--单页面js、css的分离

vueJs页面的分离

想要将.vue文件中的js、css拆分出来，使得文件的内容结构更加清晰

在.vue文件中使用之前的引入方式似乎存在问题，经测试后发现：

.js文件的引入

js文件仍旧使用script标签，使用src属性指向文件所在位置

.css文件的引入

css文件的引入使用的是标签style,使用的属性是src,如果想要样式只作用
与当前页面，可以直接在标签上添加scoped属性

示例如下：

<style src = "../../../static/css/base.css" scoped></style>
<style src = "../../../static/css/base.css"></style>
<script src = "./list.js"></script>