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

83 阅读 0 评论 55 点赞

我是靠谱客的博主顺心仙人掌，最近开发中收集的这篇文章主要介绍VueJs--单页面js、css的分离vueJs页面的分离，觉得挺不错的，现在分享给大家，希望可以做个参考。

vueJs页面的分离

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

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

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

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

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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。