vue的js全局引入后，组件怎么用js

如果你在 Vue 中全局引入了一个组件，你可以像使用其他组件一样在 JavaScript 中使用它。以下是一个例子：

1. 在 main.js 文件中导入需要全局引入的组件：

import Vue from 'vue'
import MyApp from './MyApp.vue'
import MyComponent from './MyComponent.vue'

// 注册全局组件
Vue.component('my-component', MyComponent)

new Vue({
  render: h => h(MyApp),
}).$mount('#app')

2. 在 JavaScript 中使用该组件：

// 创建一个 Vue 实例
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  methods: {
    handleClick: function () {
      // 在点击事件中调用全局组件
      this.$refs.myComponent.doSomething()
    }
  },
  mounted: function () {
    // 在 mounted 钩子中访问全局组件
    console.log(this.$refs.myComponent)
  }
})

在这个例子中，我们在 Vue 实例中使用了一个全局组件，名为 `my-component`。我们可以在 `methods` 中的事件处理程序中调用该组件的方法，也可以在 `mounted` 钩子中访问该组件的实例。请注意，我们使用了 `$refs` 来访问该组件的实例。

希望这能回答你的问题。