摘要:Vue3实例属性和方法 实例属性(Instance Properties) $data 类型:Object 描述:组件实例正在观察的数据对象。组件实例代理对其数据对象上的属性的访问 $props 类型:Object 描述:表示组件接收到的当前props的对象。组件实例代理对其props对象上的属性的
阅读全文
摘要:RouterLink指令 RouterLink的属性 [queryParams](查询参数) 用法: <a [routerLink]="['/danone']" [queryParams]="{id: 1, name: 'abc', date: '2020-6-19'}" [state]="{tra
阅读全文
摘要:Angular学习笔记 依赖注入——使用DI浏览组件树 应用的组件之间经常需要共享信息。你通常要用松耦合的技术来共享信息,比如数据绑定和服务共享。但是有时候让一个组件直接引用另一个组件还是很有意义的。例如,你需要通过另一个组件的直接引用来访问其属性或调用其方法。 每个组件都有一个宿主视图和一些内嵌视
阅读全文
摘要:字符串includes()和数组includes() 字符串的includes()方法 参考文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/includes Stri
阅读全文
摘要:【学习笔记】TypeScript typeof 操作符 原文:http://www.semlinker.com/ts-typeof/ 在TypeScript中,typeof操作符可以用来获取一个变量或对象的类型。 interface Person { name: string; age: numbe
阅读全文
摘要:抽象类 原文:https://typescript.bootcss.com/classes.html 抽象类做为其它派生类的基类使用。它们一般不会直接被实例化。不同于接口,抽象类可以包含成员的实现细节。abstract关键字是用于定义抽象类和在抽象类内部定义抽象方法。 abstract class
阅读全文
摘要:Vue3之Teleport 原文:https://vue3js.cn/docs/zh/guide/teleport.html#%E4%B8%8E-vue-components-%E4%B8%80%E8%B5%B7%E4%BD%BF%E7%94%A8 看一段代码: const app = Vue.cr
阅读全文
摘要:Vue2中的更改检测警告 原文:https://vue3js.cn/docs/zh/guide/change-detection.html#%E5%A3%B0%E6%98%8E%E5%93%8D%E5%BA%94%E5%BC%8F-property 由于JavaScript的限制,有些Vue无法检测
阅读全文
摘要:Vue3渲染机制和优化 原文:https://vue3js.cn/docs/zh/guide/optimizations.html#%E8%99%9A%E6%8B%9F-dom 虚拟DOM 我们用JavaScript复制了一个名为Virtual Dom的DOM,我们这样做是因为用JavaScript
阅读全文
摘要:vue v-slot相关知识 插槽内容 Vue实现了一套内容分发的API,将<slot>元素作为承载分发内容的出口。 编译作用域 当你想在一个插槽中使用数据时,例如 <navigation-link url="/profile"> Logged in as {{ user.name }} </nav
阅读全文
摘要:Vue3 API Application API directive Global API createApp h defineComponent defineAsyncComponent resolveComponent resolveDynamicComponent resolveDirecti
阅读全文
摘要:Vue Class Component 自定义装饰器 Custom Decorators 你可以通过创建自己的装饰器(decorators)来扩展此库的功能。 "Vue-Class-Component"提供了createDecorator方法来创建自定义的装饰器 createDecorator期望一
阅读全文
摘要:Symbol.iterator和Symbol.asyncIterator Symbol.iterator Symbol.iterator为每一个对象定义了默认的迭代器。该迭代器可以被for...of循环使用。 当需要对一个对象进行迭代时(比如开始用于一个for...of循环中),它的@@iterat
阅读全文
摘要:vue选项之provide和inject 参考:https://cn.vuejs.org/v2/api/#provide-inject 类型: provide Object | () => Object inject Array<string> | {[key: string]: string |
阅读全文
摘要:JSX语法 JSX是什么? JSX是一种像下面这样的语法: const element = <h1>Hello, world!</h1> 它是一种JavaScript语法扩展,在React中可以方便地用来描述UI 本质上,JSX为我们提供了创建React元素方法 React.createElemen
阅读全文
摘要:TypeScript中interface和type的区别 原文:https://github.com/SunshowerC/blog/issues/7 interface VS type TypeScript中定义类型的两种方式 接口(interface) 类型别名(type alias) inte
阅读全文
摘要:Typescript泛型 参考:https://www.tslang.cn/docs/handbook/generics.html 介绍 软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十
阅读全文
摘要:箭头函数 参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions 箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this, arguments, super或
阅读全文
摘要:Angular API @angular/router 参考文档:https://angular.cn/api/router 实现Angular Router服务,它允许用户在执行应用程序任务时从一个视图导航到下一个视图。 定义将URL路径映射到组件的Route对象、用于在模板中放置路由视图的Rou
阅读全文
摘要:Angular单向数据流 参考文档:https://angular.cn/guide/glossary#unidirectional-data-flow 一种数据流模型,它总是在一个方向(从父到子)上检查组件树是否有变化,以防止在变更检测图中出现循环。 在实践中,这意味着Angular中的数据会在变
阅读全文