I am currently facing an error and unable to find a solution. Even after changing the title to 'title', the error persists.
methods.vue:
<template>
<div>
<h1>we may include some data here, with data number {{ counter }}</h1>
<button @click="UpdateCounter(1)">Up</button>
<button @click="UpdateCounter(-1)">Down</button>
<div v-for="(peoples,i) in people" :key="i" v-if="people.length">
<h1>{{info.title}}</h1>
</div>
</div>
</template>
<script>
export default {
data() {
return {
counter:0,
people:[],
}
},
methods: {
UpdateCounter(number){
this.counter+=number;
},
},
created() {
let info =[
{title:'harout', 'surname':'deurdulian' , id:1},
{title:'set', 'surname':'deurdulian' , id:2},
{title:'meg', 'surname':'mav' , id:3},
{title:'sevag', 'surname':'mav' , id:4},
]
this.people=info
},
}
</script>