vue3 组件内使用app.use

在Vue 3中，`app.use()`方法是用来全局注入插件或者添加全局属性和方法的。可以在组件内使用`app.use()`来使用全局插件。

首先，在组件的`setup()`函数中引入`app`对象，它代表Vue应用的根实例。然后，就可以使用`app.use()`方法来注册插件或者添加全局属性和方法。

例如，如果想在组件中使用`vue-router`插件，可以在组件内使用`app.use()`来注册该插件，代码如下：

import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import App from './App.vue'

const app = createApp(App)
const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 路由配置
  ]
})

app.use(router) // 注册vue-router插件

app.mount('#app')

在上面的代码中，首先引入了`createRouter`和`createWebHistory`方法来实例化一个`vue-router`的路由实例，然后调用`app.use()`方法来注册`vue-router`插件。

通过`app.use()`方法注册插件后，你就可以在组件内使用`<router-link>`和`<router-view>`等`vue-router`提供的组件了。

除了插件的注册，你还可以使用`app.use()`方法来添加全局属性和方法，可以在组件内使用`$`来访问这些全局属性和方法。

总结来说，`app.use()`方法是Vue 3中用来注册插件和添加全局属性和方法的方法，在组件内使用它可以方便地使用全局插件和全局属性方法。