csdn_girl的博客

@Prop({ required: false, default: [] }) watchedValue: any@Watch(‘watchedValue’, { immediate: true })onWatchWatchedValue(val) {// val}第一个handler：其值是一个回调函数。即监听到变化时应该执行的函数。第二个是deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对象属性值的变化的，数组的值变化可以听到。）第三个是immediate：

装饰器基本概念装饰器类型分为两种，基于类的：在类之前调用（@装饰器名称），此时target指Class本身基于类属性的：在属性之前调用，此时target指Class.prototype原理Object.defineProperty(target, name, descriptor);即相当于给类或类原型添加了一个方法，用来操作类属性或类原型属性。使用ts中才能用。定义@ex...

Vue 中的区别：Vue中的attrs和attrs和attrs和listenerVue-- attrs与attrs与attrs与listeners的详解在 vue 中，对于在父组件中传递的属性，若在子组件中使用@Prop声明了属性如@Prop name，则 name 属性只会在 this.props中出现，不会出现在this.props 中出现，不会出现在 this.props中出现，不会出现在this.attrs 中；若在子组件中没有使用@Prop声明属性，则属性会默认在 this.attrs中

1、利用继承创建公共类，调用时实例化并使用重点是：复用实例化方法set-account-modal.vue/*** 一个普通的vue组件选项对象*/<template> <mtd-modal width="450px" :visible="visible" :title="title" closable @inp...

技术栈：vue/mtd-vue其它渲染分析见 AMIS实现渲染一个button的源码分析-Vue一、schema{ "type": "form", "title": "", "api": "get:/mock/saveForm?a=11", "mode": "horizontal", "actions": [ {...

2.6.0中，使用v-slot（以前具名插槽：slot，作用域插槽：slot-scope）。v-slot的几种用法用法一 插槽内容核心：承载组件的分发内容。// 定义，在 <navigation-link> 的模板中<a v-bind:href="url" class="nav-link"> <slot></slot>&lt...

使用schema转为对应的button渲染出来。输入：schema输出：button Vue组件核心过程：schema经过渲染引擎解析成button渲染器。语法：tsx（与jsx类似）schema{ "label": "编辑 Button", "type": "button", "actionType": "dialog", "className": "m-l-md"...

转自：https://segmentfault.com/a/1190000008010666

转自：https://juejin.im/post/5affa64df265da0b93488fdd

Vue响应式渲染的原理是：data中各根属性对应的getter/setter方法的监听。即：当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue在实例化时将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触...

<div v-for="item in list" :key=item.id>{{item.value}}</div>几个关键词：是否有key，key是否唯一，diff性能Vue diff算法中与key相关的逻辑：/*** oldKeyToIdx：旧虚拟节点的key-index的映射对象，如{ key0: index0, key1: index1,... }*...

Vue内嵌iframe及通讯消息交互方式父向子传递消息：iframeEl.contentWindow.postMessage子接收父消息：window.addEventListener(‘message’)子向父传递消息：window.parent.postMessage父接收子消息：window.addEventListener(‘message’)实例-html：parent.h...