freeze

Cant be changed object

by GopsAB

HTML

<div id="demo">
 {{fullName}}
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

JavaScript

var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar'
  },
  computed: {
  fullName: {
  get:function() {
        return this.fullName
  
  },
  set: function(mname) {
  
  this.fullName = this.firstName + mName + this.lastName
  }
  }
}})