vue3+ts 全局挂载以及声明写法

vue3全局挂载需要通过globalProperties

// 以api为例
// 文件路径 /plugins/index.js
import Api from "../api/index"; // 为需要挂载到vue上的函数export default {install: (app: any) => {app.config.globalProperties.$Api = Api;}
};
// 文件路径 main.js
const app = createApp(App);
// 通过use即挂载成功
app.use(api);app.use(store).use(router).mount("#app");

此时在.vue文件中调用ts会报错，$Api不存在，需要对vue进行补充声明

// 文件路径 shims-vue.d.ts
declare module '*.vue' {import type { DefineComponent } from 'vue'const component: DefineComponent<{}, {}, any>export default component
}// 对vue进行类型补充说明
declare module '@vue/runtime-core' {interface ComponentCustomProperties {$Api: any // 这里可以用$Api具体的类型代替any}
}

完成撒花

vue3+ts 全局挂载以及声明写法相关推荐

vue3 ts main添加vform3，无法找到模块“vform3-builds”的声明文件
这里以vue3 ts 版本为例,按照vform3官方教程,引入并全局注册VForm3组件,结果报错了尝试使用 `npm i --save-dev @types/vform3-builds` (如果存 ...
组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList
用vue3+ts实现全局Header和列表数据渲染ColumnList
vue3全局挂载组件
全局挂载组件 main.ts import { createApp } from 'vue'; import App from './App.vue';import MyComponent from ...
Vue3 + TS（一）- 邂逅Vue
一.认识Vue.js Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架. 1.1 Vue 的安装安装方式: CDN引入: 下载Vue的js文件,并手动引入: 通过 ...
基于vue-element-admin升级的Vue3+TS+Element-Plus版本正式开源，有来开源组织又一精心力作
新版本文档 [vue3-element-admin ]基于 Vue3 + Vite4 + TypeScript5+ Element-Plus 从0到1搭建企业级后台管理系统(前后端开源)_有来技术的博 ...
vue3 +ts组合式开发
笔记:vue3+ts 组合式项目 (ts声明数据类型很明确:const常量.let变量 . val有变量提升) ts会导致无法访问其他浏览器api属性,需要自己引入或注释先介绍ts :ts与js区别 ...
vue3.x全局toast、message、loading组件
vue3.x全局toast.message.loading组件 Toast组件 loading Toast组件在 src/components下创建toast文件夹,并依此创建index.vue和i ...
vue3+ts+vite后台管理模板
vue3+ts+vite后台管理模板支持前后端控制权限,使用uniapp+vue3+ts+elementplus+vite开发,码云地址:https://gitee.com/yongqiang062 ...
《Vue3+TS》开发一个自己的起始页（二）chrome插件化
前言各位小伙伴们大家好,求关注,求收藏,求点赞: 另外为自己拉一波票:https://bbs.csdn.net/topics/603955887?spm=1001.2014.3001.6953,诚实 ...
前端实战:electron+vue3+ts开发桌面端便签应用
前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末 ...

vue3+ts 全局挂载以及声明写法

vue3+ts 全局挂载以及声明写法相关推荐

最新文章

热门文章