全局变量挂载
vue2
Vue.prototype.$lm = {}
vue3
const app = Vue.createApp({})
app.config.globalProperties.$lm = {}
声明类型
使用 ts 的情况下，挂载完全局变量后，在 vue 文件中，通过 this 对象 . 出来不来提示的。
什么是声明文件?
声明文件就是给js代码补充类型标注. 这样在ts编译环境下就不会提示js文件"缺少类型".
声明变量使用关键字declare来表示声明其后面的全局变量的类型, 比如:
// yourAppPackages/global.d.ts declare var __DEV__: boolean declare var __TEST__: boolean看过vue3源码的同学一定知道这些是vue中的变量, 上面代码表示__DEV__等变量是全局, 并且标注了他们的类型. 这样无论在项目中的哪个ts文件中使用__DEV__, 变量ts编译器都会知道他是boolean类型.
声明文件的文件名是有规范要求的, 必须以.d.ts结尾, 声明文件放在项目里的任意路径/文件名都可以被ts编译器识别, 但实际开发中发现, 为了规避一些奇怪的问题, 推荐放在根目录下.
一般比较大牌的第三方js插件在npm上都有对应的声明文件, 比如jquery的声明文件就可以在npm上下载，比如：@types/jquery
参考资料：为 Vue3
转载本站文章《vue2升级vue3： 全局变量挂载与类型声明》,
请注明出处：https://www.zhoulujun.cn/html/webfront/ECMAScript/vue3/8836.html
标签：__,文件,ts,vue2,vue3,全局变量,声明 来源： https://www.cnblogs.com/zhoulujun/p/16398221.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。