将 Vue3 Typescript 转换为 Vue3 Javascript

Posted

技术标签:

【中文标题】将 Vue3 Typescript 转换为 Vue3 Javascript【英文标题】:convert Vue3 Typescript to Vue3 Javascript 【发布时间】:2021-05-04 14:40:33 【问题描述】:

您好,请您帮我在 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

【问题讨论】:

【参考方案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'

【讨论】:

以上是关于将 Vue3 Typescript 转换为 Vue3 Javascript的主要内容,如果未能解决你的问题,请参考以下文章

带有 Typescript 的 Vue3 -> 这个对象可能是未定义的

使用 TypeScript 向 Vue 3 添加全局属性

Vue 3 使用 Typescript 注入

Vue3+TypeScript项目报错: 找不到名称“require”。是否需要为节点安装类型定义?

重新认识Typescript | Vue3源码系列

Vite2+Vue3+TypeScript:搭建企业级轻量框架实践