VueJS 2.0 - Getting Started

Our first VueJS 2.0 Steps

by smax

HTML

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

<div id="app">
  <h1 v-once>{{ title }}</h1>
  <h1>{{ title }}</h1>
  <div v-html="tooltip"></div>
  <button v-on:click="changeIt" v-bind:disabled="disable">Change it!</button>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	title: 'Getting Started!',
    tooltip: '<h3>Some Tooltip</h3>',
    disable: false
  },
  methods: {
  	changeIt: function() {
    	this.title = 'Changed!';
      this.disable = true;
    }
  }
});