vue_ts 编写vue的声明文件

╰+攻爆jí腚メ 2021-07-24 14:02 1106阅读 0赞

1、vue2.5版本,创建.d.ts文件
    	import Vue from 'vue'	确保在声明补充的类型之前导入'vue'
    	
    	(1)为实例和类添加额外约束
    		declare module 'vue/types/vue' {	在types/vue.d.ts里Vue有构造函数类型
    		  interface Vue {	声明合并,会添加到类的原型上
    		    $myProperty: string	
    		  }
    		  
    		  interface VueConstructor {	声明全局属性,即Vue.$myGlobal
    		    $myGlobal: string
    		  }
    		}
    	
    	(2)为组件属性添加额外约束
    		declare module 'vue/types/options' {
    		  interface ComponentOptions<V extends Vue> {	声明组件选项的类型
    		    myOption?: string
    		  }
    		}
    			即:
    				var vm = new Vue({
    				  myOption: 'Hello'
    				})
    
    2、vue3.0版本
    	(1)声明往Vue实例上添加的属性
    		方式一:
    			在main.ts,createApp之前添加
    				declare module '@vue/runtime-core' {
    				  interface ComponentCustomProperties {
    				    foo:string
    				  }
    				}
    		方式二:
    			在src下创建x.d.ts文件
    			declare module '@vue/runtime-core' {
    			  interface ComponentCustomProperties {
    			    foo:string
    			  }
    			}
    			export {}   这里需要export/export default任意内容,暂未知原因

发表评论取消回复

表情：

评论列表（有 0 条评论，1106人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue--声明式导航

一、声明式导航-导航链接 1.需求实现导航高亮效果 ![68249204474][] 如果使用a标签进行跳转的话，需要给当前跳转的导航加样式，同时要移除上一个

青旅半醒/ 2024年03月17日 23:29/ 0 赞/ 47 阅读

相关编写声明不同数据类型变量的程序文件 Java1_1.java

编写声明不同数据类型变量的程序文件 Java1\_1.java byte b=0x55; short s=0x55ff;

Love The Way You Lie/ 2023年01月03日 04:56/ 0 赞/ 8 阅读

相关 makefile文件的编写

上次讲座的时候帮所有人已经调试通过了，下来了还是有很多人说他们的编译还是报错了。对于我们这些编惯了程序的人来说，Makefile文件是不好写，脚本的很多规则

清疚/ 2022年08月08日 15:55/ 0 赞/ 224 阅读

相关 jar包中的声明文件

manifest.mf的一点理解今天发现自己项目下存在commons-logging-1.1.jar和commons-logging.jar两个类包，就想看

叁歲伎倆/ 2022年08月02日 09:59/ 0 赞/ 246 阅读

相关批处理文件的编写

运行cmd命令：新建txt文件，打开写入CMD命令，关闭后后缀txt 改为 bat 。关闭保存，点击文件即可打开cmd del /a /f \.txt

骑猪看日落/ 2022年06月15日 03:37/ 0 赞/ 157 阅读

相关 vue 编写过滤器

1、起一个 filters.js 文件，编写过过滤器，然后 export 出去，如以下代码 let money = value=>{ return '￥'

拼搏现实的明天。/ 2022年05月28日 01:45/ 0 赞/ 173 阅读

相关 mybaties的mapper文件头部声明

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//

旧城等待，/ 2021年11月26日 10:16/ 1 赞/ 266 阅读

相关 Vue声明式渲染

声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： <div id="app"> {

Dear 丶/ 2021年10月19日 23:50/ 0 赞/ 214 阅读

相关 vue -声明周期

注意事项 v-if 组件会走整个声明周期官网声明周期流程图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdG

╰+攻爆jí腚メ/ 2021年09月18日 13:56/ 0 赞/ 296 阅读

相关 vue_ts 编写vue的声明文件

1、vue2.5版本,创建.d.ts文件 import Vue from 'vue' 确保在声明补充的类型之前导入'vue' (1)为实

╰+攻爆jí腚メ/ 2021年07月24日 14:02/ 0 赞/ 1107 阅读