使用本地的 vue.js 做项目时如下方式引入指定文件就可以使用

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="UTF-8" />
    5. <!-- import CSS -->
    6. <!--引入 element-ui 的样式,-->
    7. <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
    8. </head>
    9. <body>
    10. <div id="app">
    11. <el-button type="primary">主要按钮</el-button>
    12. <el-button type="success">成功按钮</el-button>
    13. <i class="el-icon-edit"></i>
    14. <i class="el-icon-share"></i>
    15. <i class="el-icon-delete"></i>
    16. <el-button type="primary" icon="el-icon-search">搜索</el-button>
    17. </div>
    18. </body>
    19. <!-- 必须先引入vue, 后使用element-ui -->
    20. <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
    21. <!-- 引入element 的组件库-->
    22. <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    23. <script>
    24. new Vue({
    25. el: "#app",
    26. data: function () {},
    27. });
    28. </script>
    29. </html>
    1. 但是如果要将文件下载到本地使用的话,elementUi 的图标文件同样需要下载