使用手冊訪問:https://cloud.tencent.com/developer/doc/1270
第一步:在head添加樣式
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
第二步:在html代碼之后加
<!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script>
注意:使用element標簽的div的id必須在new vue{}對象里:
例如:
<body> <div id="app"> --element標簽的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> new Vue({ el: '#app', ---那么#app就必須在new Vue的el里 data: function() { return { visible: false } } }) </script>
注:不用安裝什么npm i element-ui -S 之類的