vue入门第5天：子组件怎么能不改变父组件传过来的对象

最新推荐文章于 2023-12-25 09:42:18 发布

零度空间0520

最新推荐文章于 2023-12-25 09:42:18 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/dududu01/article/details/80484924

版权

父组件：app.vue

<el-header>
      <sucaiheader :testData='copyDataT'></sucaiheader>
    </el-header>

<script>
    import sucaiheader from "components/sucaiHeader.vue";
    export default {
        name: "homePage",
        data() {
            return {
                mianbaoxie: {
                    id:'1',
                    text:'居然跟传字符串不一样'
                },
                copyDataT:''
            }
        },
        methods:{
            copyData(){
              var mianbaoxie = JSON.parse(JSON.stringify(this.mianbaoxie))
                return mianbaoxie;
            }
        },
        created(){
           this.copyDataT=  this.copyData()
        },
        components:{
            sucaiheader,
        },

    };
</script>