vue.js - Disable Re-rendering with v-once

by Rodwyn Moreno

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
  <h1 v-once>{{ title }}</h1>
  <p>
  {{ sayHello() }} - <a v-bind:href="link">Google</a>
  </p>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	title: 'My first VUE app.'
  }, 
  methods: {
  	sayHello: function() {
    	this.title = 'Hello';
      return this.title;
    }
  }
});