- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width"/>
- <!-- 引入样式 -->
- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
- </head>
- <body>
- <div id="app">
- <el-button @click="visible = true">Button</el-button>
- <el-dialog :visible.sync="visible" title="Hello world">
- <p>Try Element</p>
- </el-dialog>
- </div>
- </body>
-
- <!-- import Vue before Element -->
- <script src="vue.min.js"></script>
- <!-- 引入element-ui组件库 -->
- <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-
- <script>
- new Vue({
- el: '#app',
- data: function() {
- return {
- visible: false
- }
- }
- })
- </script>
- </html>
目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。