Vuejs vuex strict mode 1

Strict mode and error

by Abhishek Hingu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/2.3.1/vuex.min.js"></script>
<div id="demo">
    <p>
      Lastname: {{ person.lastname }}<br />
      Firstname: {{ person.firstname }}
    </p>
    
    <ul>
      <li v-for="subject in person.subjects">{{subject}}</li>
    </ul>
    <input v-model="person.lastname" />
    <input v-model="person.firstname" />
    <button @click="append()">
        Add Value
    </button>

</div>

JavaScript

function Person(firstname,lastname){
	
   		this.firstname = firstname;
      this.lastname = lastname;
   		this.subjects = ["Yahoo","Google"];
      
}

Person.prototype.appendSubject = function(value){
		this.subjects.push(value);
}
const p =  new Person("Abhishek","Hingu");
console.log(p);
const store = new Vuex.Store({
  strict: true,
  state: {
    user: {
      lastname: '',
      firstname: ''
    },
    person:new Person("Abhishek","Hingu")
  }
});

const demo = new Vue({
  el: '#demo',
  store: store,
  computed: {
    person () {
    	console.log(this.$store.state.person);
      return this.$store.state.person
    }
  },
  methods:{
  		append(){
      	 this.$store.state.person.appendSubject("Microsoft");
      }
  }
})
setInterval(function(){store.state.person.appendSubject(Date.now().toString());},3000);