vue项目导入外部css样式和js文件

最新推荐文章于 2025-04-13 21:19:31 发布

xiejunna

最新推荐文章于 2025-04-13 21:19:31 发布

阅读量8.1w

点赞数 1

分类专栏： vue-js 文章标签： vue-js

本文链接：https://blog.csdn.net/xiejunna/article/details/54943957

版权

vue-js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在前端项目中整合CSS和JavaScript资源的方法。通过将CSS文件放置于static文件夹下并使用模板语法导入，确保了样式资源的有效加载。同时，引入了easydialog.min.js脚本来增强页面交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css文件放入static文件夹下。

<template>
  <div id="app" > </div>
</template>
<script src="/static/js/easydialog.min.js" ></script>
<script>
export default {
  name: 'MainPage',
  data () {
    return {
    }
  }
<style scoped>
  @import '/static/css/easydialog.min.css';
</style>