VUE祖孙组件之间的传递

说明:vue祖孙组件就是祖宗组件包含父组件,父组件包含孙组件,那如何把祖宗组件的值直接传递给孙子组件呢?

知识点

1.在祖宗组件使用provide对象,声明参数并赋值

2.在孙子组件使用inject对象,接收参数。并在页面显示值

代码示例

祖宗组件




父级组件




孙级组件




结果显示

 

你可能感兴趣的:(学习Vue3知识点,vue.js,javascript,前端)