Vue 2.0 Hello World

by Steve

HTML

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

<div id="app">
  <p>{{ message }}</p>
  <button @click="setMessage">Set Message</button>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    message: []
  },
  methods: {
  	setMessage() {
      var self = this;
    	this.message.push('hello');
      this.message['key1'] = 'hello2';
      this.message['key2'] = 'hello3';
      console.log(this.message); // ["hello", key1: "hello2", key2: "hello3"]
    }
  }
})