VueJS Practice

by popsyjunior

HTML

<div id="myTarget">
  <h4>Vue JS Practice</h4>
  <h1>{{header_value}}</h1>
  
  <input type="text" v-model="header" />
  <button type="button" v-bind:click="updateTitle">
  Update Title
  </button>
</div>

JavaScript

var app = new Vue({
	el: "#myTarget",
  data: {
  	header: "Hello World",
    header_value: "",
    input: ""
  },
  methods: {
  	updateTitle: function(){
    alert("Updating..");
    	this.header_value = this.header;
      this.header = "";
    }
  }
});