JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@1.3.1/lib/index.js"></script>
<div id="app">
  <el-dialog title="Shipping address" v-model="showDialog"
    @close="closeDialog()">
    <button @click='cond1 = false'>Close</button>
  </el-dialog>
</div>

SCSS

@import url("//unpkg.com/element-ui@1.3.1/lib/theme-default/index.css");

Babel + JSX

var Main = {
    data() {
      return {
        cond1: true,
        cond2: true,
        cond3: true,
      };
    },
    computed : {
    	showDialog() {
      	return this.cond1 && this.cond2 && this.cond3
    	}
    },
    methods: {
  		closeDialog() {
          alert('close event')}
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')