vue组件父子组件传递引用类型数据

今天在写分页功能时，发现父子组件传值时，子组件监听不到父组件中数据的变化，传递的是一个引用类型的数据

其缘由是引用类型共用一个内存地址，父子组件用的是同一个对象，故子组件监听不到变化，此时就须要作一个深拷贝，相关代码以下：

其实param是一个引用类型

将父组件中要传递的值作一个深拷贝，其中self.pageDatasCopy是self.pageDatas的深拷贝，self.pageDatas是父组件中的变量，

子组件监听变化：（watch监听）

 

转载于:https://www.cnblogs.com/yuwenjing0727/p/8963125.html