当父组件往子组件传过去的是一个引用对象的时候,比如数组、对象,那么由于引用对象的性质,传过去的其实就是一个地址,他们只是共同指向这个地址,那么这个时候,在子组件就可以更改从父组件传过去的那个引用对象
但如果传过去的是一个普通的变量的时候,比如数字或者字符串类型,那么这个时候是不能在子组件更改他的值得
<template>
<div>
<el-input v-model="formData.input"></el-input> //不报错
</div>
</template>
<script>
export default {
props:{
formData:{
type:Object,
default:{}
},
aa:{
type:String,
default:''
},
arr:{
type:Array,
default:[]
}
},
mounted(){
this.aa = 'zhenhao' //报错
this.arr.push({name:'mingzi'}) //不报错
console.log(this.arr)
}
}
</script>
<style>
</style>