javascript - 将 Vue3 typescript 转换为 Vue3 Javascript

Question

你好，请你帮我把它转换成 Vue3 中的 javascript，谢谢

import type { App } from 'vue'
import Screenfull from './Screenfull.vue'

const components = [
  Screenfull,
]

const install = (app: App): void => {
  components.forEach(component => {
    app.component(component.name, component)
  })
}

export default install

Answer 1

您的插件循环遍历一堆组件并使用组件的 name 属性在全局注册它们。因此，请确保以这种方式注册的每个组件都有一个 name 属性:

Dashboard.vue

<template>
  <div>My component</div>
</template>

export default {
  name: 'Dashboard'      // ✅ Add this
}

从 install 函数中删除类型:

const install = (app) => {
  components.forEach(component => {
    app.component(component.name, component)
  })
}

删除这一行:

import type { App } from 'vue'