Vue修改数据页面未被渲染

直接添加属性的问题

<template>
  <div>
	<p v-for="(val,key) in item" :key="key">
	    {
   {
    val }}
	</p>
	<button @click="addProperty">动态添加新属性</button>
  </div>
</template>


<script>
export default {
   
 data:{
   
 	return:{
   
        	item:{
   
            	oldProperty: