HTML中引入ElementUI没有效果解决
一、前言
因为平时想写一些小 demo 要用到 ElementUI 的样式库 但是重新跑一个 Vue 项目又太麻烦我就想像引入 VUE 一样吧 ElementUI 也下下来来本地使用 但是就在我本地使用的时候 发现根本没效果 百度半天也没找到问题原因 最后通过百度到前提是要引入 VUE 慢慢摸索出来的 小白真难
二、解决
开始我是这样引入的
head>
<meta charset="UTF-8">
<title>ElementUi</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="css/element-ui.css">
<script src="js/vue.min.js"></script>
<script src="js/elementjs.js"></script>
</head>
<body>
<el-button type="success">成功按钮</el-button>
</body>
中规中矩 但是死活没效果
再此之前线上地址本地下载都是了就是不管用
最后最后我才理会为什么是因为必须要引入 VUE 是因为这个要写 template 模板里面 一口老血
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ElementUi</title> <!-- 引入样式 --> <link rel="stylesheet" href="css/element-ui.css"> <script src="js/vue.min.js"></script> <script src="js/elementjs.js"></script></head><body> <div id="app"> <el-button type="success">成功按钮</el-button> </div></body><script> var vm = new Vue({ el: "#app", data() { return{ } } })</script></html> |
打工藁城！！！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）