VueJS Sample Method

Demonstration of using methods in VueJS

by Seng Tat Pan

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <h1>{{ getFullName(firstName, lastName).name }}</h1>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	firstName: 'Dokter',
    lastName: 'Bai'
  },
  methods: {
  	getFullName: function(first, last) {
    	return {
      	name: first + ' ' + last
      };
    }
  }
});