Html | Vue | Element UI——引入使用

前言

做個項目，需要一個效果剛好Element UI有，就想配合Vue和Element UI，放在tp5.1下使用，但是引入在線的地址各種報錯，本地引入就完美的解決了問題！

 

代碼

__STATIC_JS__ | 目錄為public/static/js

將樣式和組件保存到本地再引入

Element UI 
https://unpkg.com/element-ui/lib/theme-chalk/index.css
https://unpkg.com/element-ui/lib/index.js

Vue
https://cdn.baomitu.com/vue

 

示例代碼

  <div id="app">
    <el-button @click="visible = true">按鈕</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>歡迎使用 Element</p>
    </el-dialog>
  </div>
  <link rel="stylesheet" href="[e-mail]">
  <script src="__STATIC_JS__vue.js"></script>
  <script src="[e-mail]"></script>
  <script>
    new Vue({
      el: '#app',
      data: function() {
        return { visible: false }
      }
    })
  </script>

 

效果圖

點擊按鈕后