vue从父级往子组件传值问题

当父组件往子组件传过去的是一个引用对象的时候,比如数组、对象,那么由于引用对象的性质,传过去的其实就是一个地址,他们只是共同指向这个地址,那么这个时候,在子组件就可以更改从父组件传过去的那个引用对象

但如果传过去的是一个普通的变量的时候,比如数字或者字符串类型,那么这个时候是不能在子组件更改他的值得

<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>
原文地址:https://www.cnblogs.com/MJmajong/p/13535497.html