一、前言
因为平时想写一些小 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>
打工藁城！！！