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 模板里面 一口老血
<!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>
打工藁城!!!