Vue 2.0 Hello World

by superj80820

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <prompt-component></prompt-component>
</div>

JavaScript

Vue.component('prompt-component', {
  template: '<div><p>${ message }</p><button @click="sayHi">Say Hi!</button></div>',
  delimiters: ['${', '}'],
  data: function () {
    return {
      message: 'Hello World!'
    }
  },
  methods: {
    sayHi: function() {
      alert('Hi');
    }
  }
})

new Vue({
  el: '#app'
});