elementui 使用cdn方式

参考：https://element.eleme.cn/1.4/#/zh-CN/component/installation

HTML 代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui@1.4/lib/theme-default/index.css">
    <!-- 先引入 Vue -->
    <script src="https://unpkg.com/vue@2.5/dist/vue.js"></script>
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui@1.4/lib/index.js"></script>
</head>
<body>
    <div id="app">
        <el-button>按钮</el-button>
        <el-dialog v-model="visible" title="Hello world">
            <p>欢迎使用 Element</p>
        </el-dialog>
    </div>
    <script>
        new Vue({
            el: '#app',
            data: function () {
                return { visible: false }
            }
        })
    </script>
</body>
</html>

 

posted @ 2024-01-25 17:07  microsoft-zhcn  阅读(1125)  评论(0)    收藏  举报