Example 2

by karna_gogoi

HTML

<div id="example">
  <h2>
    {{ hello }} {{ defaultName }}
  </h2>
  <button @click="changeName">Change Name</button>
</div>

JavaScript

new Vue({
  el: "#example",
  data() {
    return {
      hello: "Hello"
    }
  },
  mounted() {
    this.defaultName = ""
  },
  methods: {
      changeName() {
          this.defaultName = "Enoch"
      }
  }
})