摘要: 动态组件,在一个页面里面动态的切换组件,可以使用component标签上is特性,可以在父组件里动态的切换不同组件 使用 is 特性,我们可以挂载不同的组件。 不同组件进行切换时,默认不会保留组件之前的状态。 可以使用<keep-alive>元素将动态组件包裹起来,这样被切换的组件会保持上一次的状态 阅读全文
posted @ 2020-04-17 21:59 洋葱头king 阅读(710) 评论(0) 推荐(0)
摘要: 1:props数据的传递,event事件的触发和solt内容分发构成了vue组件的3个API来源,任何复杂的组件都是由这3个部分构成的 2:即Vue通过组件(针对可复用组件的解耦和样式复用)的封装分为三个部分: ①props:为了解耦,数据从父组件传入,子组件本身不生成数据,即使生成了也只在组件内部 阅读全文
posted @ 2020-04-16 23:48 洋葱头king 阅读(927) 评论(0) 推荐(0)
摘要: React框架: 有时希望在页面更新后(即更新DOM)后进行一些额外操作,如请求网络数据,手动更改DOM或者日记记录。 在class组件和function组件中分别使用不同的方法,如下 1:class组件 在 React class 组件中, render 方法本身不应该进行副作用操作,但我们有时希 阅读全文
posted @ 2020-04-11 20:39 洋葱头king 阅读(622) 评论(0) 推荐(0)
摘要: Vue computed,watch,methods的区别 1)methods里面绑定的方法每一次都会被执行 2)computed是衍生属性,当依赖的属性发生变化时,衍生属性会跟随变化;并且 computed的值有缓存,只有当计算值变化才会返回内容。 3)watch是手动添加的监听器。比如给某个属性 阅读全文
posted @ 2020-04-01 18:16 洋葱头king 阅读(142) 评论(0) 推荐(0)
摘要: 1:介绍:当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 a)组件引入父组件后,时单独开辟了一个区域,两者是两个独立的个体,通过props和事件emit进行联系 单纯组件引用: 父组件+子组件-->>父组件+子组件 b)而mixin是引入一个组件后,把引入的mixin组件 阅读全文
posted @ 2020-04-01 17:53 洋葱头king 阅读(209) 评论(0) 推荐(0)
摘要: 组件通信一般分为以下几种情况: 1:父子组件之间的通信 2:兄弟组件之间的通信 3:跨多层级组件之间的通信 4:任意组件之间的通信 a)父子通信 ①父组件先绑定数据接口名,子组件再通过props,通过接口名拿到父组件数据;子组件绑定数据,通过emit触发当前实例上的事件,并将参数传回父组件。 ②通过 阅读全文
posted @ 2020-04-01 16:44 洋葱头king 阅读(139) 评论(0) 推荐(0)
摘要: JavaScript,对象里的get与set方法 阅读全文
posted @ 2020-03-09 15:47 洋葱头king 阅读(4328) 评论(0) 推荐(0)
摘要: HTML5 自定义属性 data- 阅读全文
posted @ 2020-03-08 15:46 洋葱头king 阅读(630) 评论(0) 推荐(0)
摘要: 迭代器,迭代方法(for...of) 阅读全文
posted @ 2020-03-07 16:55 洋葱头king 阅读(337) 评论(0) 推荐(0)
摘要: 函数参数默认值与解构赋值: 解构赋值是针对数组,对象这样可迭代可遍历的数据类型的。下面主要探究对象的解构赋值和函数参数的默认值的混合使用 1:对象的解构赋值 解构 let { a, b } = { a: 1, b: 2 }; log(a, b); //1,2 为下面形式的简写 let { a:a,  阅读全文
posted @ 2020-02-28 20:26 洋葱头king 阅读(461) 评论(0) 推荐(0)