JSFiddle - React, Tailwind, and code Playground

by woaisluosj

HTML

<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>

<div id="example">
  <button v-on:click="greet">Greet</button>
</div>

JavaScript

// 创建根实例
		new Vue({
		  el: '#example'
		});
var vm = new Vue({
  el: '#example',
  data: {
    name: 'Vue.js'
  },
  // 在 `methods` 对象中定义方法
  methods: {
    greet: function (event) {
      // 方法内 `this` 指向 vm
      alert('Hello ' + this.name + '!')
      // `event` 是原生 DOM 事件
      alert(event.target.tagName)
    }
  }
})