Vue JS + ElementUI

Boilerplate for Vue.js + ElementUI fiddles

by Vince Oveson

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.js"></script>
<script src="//unpkg.com/element-ui/lib/umd/locale/en.js"></script>
<div id="app">
  <a href="" @click.prevent="showModal = true">Show</a>
  <el-dialog :visible.sync="showModal">
    <h1>close me</h1>
    <el-button
      @click="showModal = false"
      size="small"
    >
      CLOSE
    </el-button>
  </el-dialog>
</div>

SCSS

@import url("//unpkg.com/[email protected]/lib/theme-chalk/index.css");

Babel + JSX

ELEMENT.locale(ELEMENT.lang.en);
var Main = {
  data() {
    return {
      showModal: false
    };
  },
  methods: {
    // methods
  }
};
var App = Vue.extend(Main)
new App().$mount('#app')