Vue 修改Props中的值

Vue 修改Props中的值

Vue 规定：组件中封装的自定义属性是只读的，开发人员不能直接修改 props 的值。否则会直接报错：
要想修改 props 的值，可以把 props 的值转存到 data 中，因为 data 中的数据都是可读可写的。

传入方式：

<script>
    props:{
      item:{type:Object}
    },
    data(){
      return {
        data_item: this.item
      }
    },
    watch:{
      item(val){
        this.data_item = this.item
      }
    }
</script>

此时就可以操作this.data_item来修改从props传入的值。