delete property

Use Vue.delete

by leftstick

HTML

<script src="https://cdn.bootcss.com/vue/1.0.24/vue.min.js"></script>
<div id="app">
  {{ user.name }}
  <h1>Chnage Times: {{ counter }}</h1>
</div>

JavaScript

var amount = new Vue({
        el: '#app',
        data: function(){
            return {
              user: {
                  name: 'Hanmeimei',
                  age: 31
              },
              counter: 1
          };
        },
        created: function(){
            this.$watch('user', (val) => {
                this.counter++;
                console.log(val);
            });
            
            setTimeout(() => {
                Vue.delete(this.user, 'age');
            }, 3000);
        }
    });