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>