09 2021 档案
摘要:render函数 Vue2与Vue1最大的区别是Vue2使用虚拟节点更新DOM,提示渲染性能。 Vue中的虚拟节点是一个js对象 render函数的作用 render函数通过createElement参数创建virtualDom,从而简化组件的写法。适用于组件中有大量代码是重复的场景,使用Rende
阅读全文
摘要:路由对象 this.$route:访问当前路由 this.$route.name:获取当前路由名称 this.$route.hash:获取当前路由hash值(带#),如果没有hash值则为空字符串 this.$route.params:获取路由中配置的动态路径参数 this.$route.param
阅读全文
摘要:一、前言 Git 每次提交代码,都要写 Commit message(提交说明),否则就不允许提交。基本上写什么都行,但是一般来说,commit message 应该清晰明了,说明本次提交的目的,但是 很多人平时可能并不重视这个环节,导致commit记录写的很随意,没有发挥其意义与价值。有多种 Co
阅读全文
摘要:参考 vue官网教程:自定义指令 vue官网api:Vue.directive( id, [definition] )
阅读全文
摘要:$emit语法 $emit(eventName,[...args]) eventName:事件名称 [...args]:附加参数,可以是一个/多个,可以是字符串、数组、对象、函数等 在一个事件中可以使用多个$emit 实例 使用多个$emit 子组件: 父组件:按照需要去监听事件即可 $emit第二
阅读全文
摘要:Vue.use() 方法接收一个参数。这个参数必须具有install方法。Vue.use函数内部会调用参数的install方法。 如果插件没有被注册过,那么注册成功之后会给插件添加一个installed的属性值为true。Vue.use方法内部会检测插件的installed属性,从而避免重复注册插件
阅读全文
摘要:注意 props属性默认值使用default()或者default返回 props: { value: { type: String, default: '', }, labelInValue: { type: Boolean, default() { return false; }, }, pla
阅读全文
摘要:implements 实现,一个新的类,从父类或者接口实现所有的属性和方法,同时可以重写属性和方法,包含一些新的功能 一个类通过关键字implements声明自己使用一个或者多个接口。 extends 继承,一个新的接口或者类,从父类或者接口继承所有的属性和方法,不可以重写属性,但可以重写方法 示例
阅读全文
摘要:前言 在TypeScript 2.0,获取、使用和查找声明文件变得十分容易。 这篇文章将详细说明怎么做这三件事。 下载 在TypeScript 2.0以上的版本,获取类型声明文件只需要使用npm。 比如,获取lodash库的声明文件,只需使用下面的命令: npm install --save @ty
阅读全文
摘要:三斜线指令 ts 早期模块化的标签, 用来导入依赖, ES6广泛使用后, 在编写TS文件中不推荐使用 三斜线指令是包含单个XML标签的单行注释。 注释的内容会做为编译器指令使用 注意:1、三斜线指令仅可放在包含它的文件的最顶端 2、 一个三斜线指令的前面只能出现单行或多行注释,这包括其它的三斜线指令
阅读全文
摘要:前言 当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。这是因为前端第三方库大多都是非 TypeScript 库,基本上都是使用 JS 编写的,在 TS 中使用非 TS 编写的第三方库,需要有个 xx.d.ts 声明文件。 【TypeScript 作为 JavaSc
阅读全文
摘要:使用命名空间 命名空间是位于全局命名空间下的一个普通的带有名字的JavaScript对象。 这令命名空间十分容易使用。 它们可以在多文件中同时使用,并通过 --outFile结合在一起。 命名空间是帮你组织Web应用不错的方式,你可以把所有依赖都放在HTML页面的 <script>标签里。 但就像其
阅读全文
摘要:函数重载 这个概念是在一些强类型语言中才有的,在JS中依据不同参数类型或参数个数执行一些不同函数体的实现很常见,依托于TypeScript,就会有需要用到这种声明的地方。 函数重载定义:函数名相同,函数的参数列表不同(包括参数个数和参数类型),根据参数的不同去执行不同的操作。 关于函数重载,必须要把
阅读全文
摘要:参考 菜鸟:TypeScript 教程 官网:TypeScript 其他:入门教程
阅读全文