vue3 inject注入默认值

### 回答1：
在 Vue 3 中，我们可以使用 `provide` 和 `inject` API 进行组件之间的依赖注入。当一个组件提供了一个值时，它的所有后代组件都可以访问这个值，而不必通过 props 一层层地传递下去。而 `inject` 则是用于在组件中注入这些值。

如果我们要为 `inject` 提供一个默认值，我们可以在 `provide` 方法中将默认值提供给组件，然后在 `inject` 方法中使用第二个参数来指定默认值。

例如，我们可以提供一个名为 `myValue` 的值，并将其设置为字符串 "default"，如下所示：

// ParentComponent.vue
import { provide } from 'vue'

export default {
  setup() {
    provide('myValue', 'default')
  }
}

在上面的代码中，我们使用 `provide` 方法将一个名为 `myValue` 的字符串值 "default" 提供给了组件。

然后，在子组件中，我们可以使用 `inject` 方法来访问这个值，并指定第二个参数作为默认值，如下所示：

// ChildComponent.vue
import { inject } from 'vue'

export default {
  setup() {
    const myValue = inject('myValue', 'defaultValue')

    return {
      myValue
    }
  }
}

在上面的代码中，我们在 `inject` 方法中指定了第一个参数为 `myValue`，这是我们在父组件中提供的值的名称。如果父组件提供了这个值，那么 `inject` 方法将返回这个值；否则，它将返回我们指定的第二个参数，即 'defaultValue'。这样，就为 `inject` 提供了一个默认值。

### 回答2：
在Vue3中，可以通过使用`provide`和`inject`来实现组件之间的数据传递。`provide`用于提供数据，而`inject`用于接收数据。当使用`inject`注入一个属性时，如果对应的`provide`没有提供该属性的值，那么`inject`会使用一个默认值。

在Vue3中，`inject`可以接收两个参数。第一个参数是提供的属性的键名，第二个参数是默认值。当提供的属性的值不存在时，`inject`就会使用默认值。例如：

// 父组件
import { provide } from 'vue';

export default {
  setup() {
    provide('count', 10);
  },
}

// 子组件
import { inject } from 'vue';

export default {
  setup() {
    const count = inject('count', 0);
    console.log(count); // 10
  },
}

在上述例子中，父组件使用`provide`提供了一个名为`count`的属性，并设置默认值为10。子组件使用`inject`来接收名为`count`的属性，并设置默认值为0。由于父组件提供了`count`属性的值，所以子组件的`inject`会使用父组件提供的值10。

如果父组件没有提供`count`属性，那么子组件的`inject`会使用默认值0。

这样，通过在`inject`中设置默认值，可以确保组件在没有接收到父组件提供的值时，能够使用一个默认值作为备选。

### 回答3：
在Vue3中，我们可以使用`inject`函数来注入默认值。

`inject`函数接受两个参数，第一个参数是被注入的属性的key，第二个参数是用于指定默认值的参数。当在子组件中使用`inject`函数注入属性时，如果在父组件中没有提供该属性的值，那么就会使用默认值。

下面是一个示例：

// 父组件
import { provide } from 'vue';

export default {
  setup() {
    const defaultValue = 'Default Value';
    
    provide('myProperty', defaultValue);
    
    return {};
  },
}

// 子组件
import { inject } from 'vue';

export default {
  setup() {
    const myProperty = inject('myProperty', 'Default Value');
    
    return {
      myProperty,
    };
  },
}

在父组件中，我们使用`provide`函数将`defaultValue`作为默认值传递给了`myProperty`。然后在子组件中，我们使用`inject`函数将`myProperty`注入并指定了默认值为`'Default Value'`。这样，当父组件中没有提供`myProperty`的值时，子组件就会使用默认值。

需要注意的是，默认值会在父组件中的`provide`函数调用时被确定，并且一旦在父组件中的`provide`函数被调用，子组件将不会再接收到默认值，而是会接收到父组件提供的值。

总结一下，Vue3中可以使用`inject`函数来进行属性的注入，默认值可以通过第二个参数传递给`inject`函数。