vue 加elemmentui 引入式

1.ElementUI是基于Vue.js的,所以先下载Vue.js
学习阶段选择开发版本。
下载vue
2.下载elementui
点击 Clone or download
再点击 Download ZIP,下载完成后解压,得到lib-master文件夹
新建一个html文件,例如index.html,将Vue.js和lib-master文件夹移动到和index.html同一目录下。
index.html代码如下:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="lib-master/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>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script src="lib-master/index.js" type="text/javascript" charset="utf-8"></script>
<script>
    new Vue({
      el: '#app',
      data: function() {
        return { visible: false }
      }
    })
  </script>
  </html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容