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>

　　　打工藁城！！！

 

posted @ 2020-12-02 13:50  有梦想的咸鱼7  阅读(6586)  评论(2)  编辑  收藏  举报