vue父传子组件数据不渲染且报错

在vue开发过程中会遇到这样的一个问题,自己定义了一个组件,然后又定义了个子组件,父组件的数据需要将请求回来的数据传递给子组件,但是引入子组件在页面加载时就报错了,接口数据请求回来了也不渲染,这是因为接口请求和子组件渲染是同步的,子组件没有接收数据,父组件的接口数据请求回来时子组件已经创建好了虚拟dom,所以子组件报错,同时子组件里的prop不想响应的,所以不会再次更新dom,接口请求回来的数据也不会更新。

解决方法1:在子组件条件v-if,在接口请求回来后在渲染。

解决方式2:使用watch或者computed计算属性,是的子组件的prop数据是响应式的。

 

 

前端小白,欢迎批评指正!!!

你可能感兴趣的:(vue,响应,子组件渲染,vue,组件化)