《Vue应用开发》课件——3.7跨级组件之间的数据传递.pptxVIP

跨级组件之间的数据传递;掌握跨级组件之间的传递数据的方法，能够使用依赖注入实现数据共享;如何实现跨级组件之间的数据传递？;;1.provide()函数;script

import{ref,provide}fromvue

exportdefault{

setup(){

constcount=ref(1)

provide(message,count)

}

}

/script;scriptsetup

import{provide}fromvue

provide(message,HelloVue.js)

/script;2.inject()函数;第2个参数是可选的，用于在没有匹配到注入的值时使用默认值。第2个参数可以是工厂函数，用于返回某些创建起来比较复杂的值。如果提供的默认值是函数，还需要将false作为第3个参数传入，表明这个函数就是默认值，而不是工厂函数。

第3个参数是可选的，类型为布尔值，当参数值为false时，表示默认值是函数；当参数值为true时，表示默认值为工厂函数；当省略参数值时，表示默认值为其他类型的数据，不是函数或工厂函数。;script

import{inject}fromvue;

exportdefault{

setup(){

constcount=injec