注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. vue采用EventBus实现跨组件通信及注意事项小结

  2. EventBus是一种发布/订阅事件设计模式的实践。这篇文章主要介绍了vue采用EventBus实现跨组件通信及注意事项,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：86016
    • 提供者：weixin_38624628

  1. Vue发布订阅模式实现过程图解

  2. 主要介绍了Vue发布订阅模式实现过程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：137216
    • 提供者：weixin_38732454

  1. 发布订阅模式在vue中的实际运用实例详解

  2. 订阅发布模式定义了一种一对多的依赖关系，让多个订阅者对象同时监听某一个主题对象。这篇文章主要介绍了发布订阅模式在vue中的实际运用,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：64512
    • 提供者：weixin_38751537

  1. Vue发布订阅模式实现过程图解

  2. vue项目中不同组件间通信一般使用vuex，通常情况下vuex和EventBus不应该混用，不过某些场景下不同组件间只有消息的交互，这时使用EventBus消息通知的方式就更合适一些。 图解 html [removed][removed] [removed] const app = new DVue({ data: { test: "I am test", foo: { bar: "bar" } } }) app.$data.

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：131072
    • 提供者：weixin_38723027

  1. vue.js 实现v-model与{{}}指令方法

  2. 上次我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天，我们就基于上一节的代码，来实现一个MVVM类，将其与html结合在一起，并且实现v-model以及{{}}语法。 tips:本节新增代码（去除注释）在一百行左右。使用的Observer和Watcher都是延用上一节的代码，没有修改。 接下来，让我们一步步来，实现一个MVVM类。 构造函数 首先，一个MVVM的构造函数如下(和vue.js的构造函

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：94208
    • 提供者：weixin_38518722

  1. vue采用EventBus实现跨组件通信及注意事项小结

  2. EventBus EventBus是一种发布/订阅事件设计模式的实践。 在vue中适用于跨组件简单通信，不适应用于复杂场景多组件高频率通信，类似购物车等场景状态管理建议采用vuex。 挂载EventBus到vue.prototype 添加bus.js文件 //src/service/bus.js export default (Vue) => { const eventHub = new Vue() Vue.prototype.$bus = { /** * param

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：84992
    • 提供者：weixin_38656463

  1. vue 双向数据绑定的实现学习之监听器的实现方法

  2. 提到了vue实现的基本实现原理：Object.defineProperty() -数据劫持 和 发布订阅者模式（观察者），下面讲的就是数据劫持在代码中的具体实现。 1.先看如何调用 new一个对象，传入我们的参数，这个Myvue ，做了啥？ 上面看到了在实例化一个Myvue 对象的时候，会执行init方法， init 方法做了两个事，调用了observer 方法，和 实例化调用了 compile 方法。 到这里我们就明白了，实例化一个Myvue后，我们要做的就是监听数据变化和编译模板 。 上面

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：115712
    • 提供者：weixin_38737144

  1. 发布订阅模式在vue中的实际运用实例详解

  2. 订阅发布模式定义了一种一对多的依赖关系，让多个订阅者对象同时监听某一个主题对象。这个主题对象在自身状态变化时，会通知所有订阅者对象，使它们能够自动更新自己的状态。 比如addEventListener 这个api就是个发布订阅模式 如果用过vue的同学，可以把他类比于 watch 下面我们看一个例子 var observe={ fnsObj:{}, // 订阅方法 on:function(key,fn){ if(!observe.fnsObj[key]){ ob

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：63488
    • 提供者：weixin_38625464

  1. vue 父组件通过$refs获取子组件的值和方法详解

  2. 前言 在vue项目中组件之间的通讯是很常见的问题，同时也是很重要的问题，我们大致可以将其分为三种情况： 父传子：在父组件中绑定值，在子组件中用props接收 子传父：在父组件中监听一个事件，在子组件中利用$emit触发这个事件并带上数据作为第二个参数，这时父组件中监听事件的回调函数就会被调用，回调函数的参数就是子组件带上来的数据，这样就可以在父组件中使用子组件的数据了， 兄弟之间的传递：我们可以使用事件总线（eventBus）来轻松的解决，其实就是发布订阅者模式 今天我们要看的是父组件如何直接调

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：44032
    • 提供者：weixin_38732315

  1. vue响应式系统之observe、watcher、dep的源码解析

  2. Vue的响应式系统 Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的Javascr ipt 对象，而当你修改它们时，视图会进行更新，这使得状态管理非常简单直接，我们可以只关注数据本身，而不用手动处理数据到视图的渲染，避免了繁琐的 DOM 操作，提高了开发效率。 vue 的响应式系统依赖于三个重要的类：Dep 类、Watcher 类、Observer 类，然后使用发布订阅模式的思想将他们揉合在一起（不了解发布订阅模式的可以看我之前的文章发布订阅模式与观察者模式）。 Ob

  3. 所属分类：其它

    • 发布日期：2020-12-04
    • 文件大小：104448
    • 提供者：weixin_38734993

  1. 源码分析Vue.js的监听实现教程

  2. 前言 相信一说到监听，当然就离不了设计模式中鼎鼎大名的观察者模式。举个例子，你家后院着火了，可一定要等到烟雾很大火光很亮你才能发现啊，可是当你安装了一个火灾预警器，当发生火灾就立马能够通知到你了。这就是一个典型的观察者模式。当然也还有一些其他变种，比如发布/订阅（publish/subscribe）模式。 我们知道如果要将数据和视图关联起来，在数据变更的时候，同步视图，同理视图变更，数据也发生变化。vue.js是怎么实现这个的呢？下面我们来揭开它的神秘面纱。 demo： [removed] [

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：148480
    • 提供者：weixin_38730389

  1. Vue非父子组件之间传值

  2. 非父子组件间的传值(bus/总线/发布订阅模式/观察者模式) // 在每一个组件上添加BUS属性 Vue.prototype.bus = new Vue() Vue.component('child',{ props:{ content:String }, data(){ //子组件不能直接修改父组件的值

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：22528
    • 提供者：weixin_38641366

  1. Vue源码学习 — 响应式原理之观察者模式

  2. 1. 观察者模式 概念 观察者模式又被称为 发布-订阅 模式，这种模式定义了对象间的一种一对多的依赖关系。当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并完成自动更新。 优点 观察者与被观察者是抽象耦合的 建立了一套触发机制 缺点 被观察者有很多的观察者时，通知更新这一过程会花费很多的时间 观察者和被观察者之间存在循环依赖的话，可能导致系统奔溃 现实中的例子 从上图可以看到，一个 subject 可以被多个 observer 订阅/观察。当 subject 状态发生变化时，就会通

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：107520
    • 提供者：weixin_38607554

  1. SourceCodeRewrite-Vue2.x:Vue2.x原始功能重组-vue source code

  2. SourceCodeRewrite-Vue2.x Vue2.x原始功能重组 数据React型 响应式源码 Vue2.x中对阵列的监听 发布订阅模式

  3. 所属分类：其它

    • 发布日期：2021-03-24
    • 文件大小：44032
    • 提供者：weixin_42164534

  1. vue-source-code:精简vue源码，核心技术实现-源码

  2. Vue源代码 精简vue源码，核心技术实现 手写Vue源码，实现核心技术，麻雀虽小五脏俱全：”响应式原理，模板编译，依赖收集”算法：Diff算法实现”设计模式：发布-订阅模式，装饰者模式，代理模式”数据结构：AST树，vnode，vDom 文件名，方法名称，变量得命名特意和二进制文件的保持一致，方便相互切换，更好的理解

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：4194304
    • 提供者：weixin_42131367

  1. Self-Vue:尝试自己实现vue源码（自我实现的vue源代码）-源码

  2. Self-Vue（自己实现的vue监听数据变化和双向绑定源码） 你可以下载代码或者通过查看演示实例赋值给了变量变量app，你可以在输入框尝试双向绑定效果，你也可以在控制台修改app的message和title属性或app.data中的message和title属性来尝试数据监听效果（其中您可以使用self-vue.js来实现和vue核心一样的事情。 项目描述：自己实现的vue源码（自我实现的vue源代码）目前v-model命令，响应式对象，副本，双向绑定已经完成 基本原理：非数组使用object

  3. 所属分类：其它

    • 发布日期：2021-03-23
    • 文件大小：4096
    • 提供者：weixin_42160398

  1. vue-state-store::postbox:VSS（Vue状态存储）-Vue状态管理（具有“发布和订阅”模式）-源码

  2. :postbox: vue状态存储（vss） 完全支持打字稿的简单状态管理系统。 :open_mailbox_with_raised_flag: Vue的分布式状态管理模块系统。 [基于Pub＆Sub模型] :globe_showing_Americas:全球的 提供了以下多语言文档。 （需要拉动请求帮助） （）JP由yopinoji（thx！ :smiling_face_with_smiling_eyes: ） （ ） （ ）PL由Milesq（ :party_popper

  3. 所属分类：其它

    • 发布日期：2021-03-20
    • 文件大小：57344
    • 提供者：weixin_42137723

  1. js-Promise：手写系列手写promise，vue ..-源码

  2. js-Promise 手写一个简单的承诺无极初级核心发布订阅模式

  3. 所属分类：其它

    • 发布日期：2021-02-21
    • 文件大小：5120
    • 提供者：weixin_42127835

  1. 谈谈因Vue.js引发关于getter和setter的思考

  2. 起因 当我打印出Vue实例下的data对象里的属性时，发现了一个有趣的事情： 它的每个属性都有两个相对应的get和set方法，我觉的这是多此一举的，于是去网上查了查Vue双向绑定的实现原理，才发现它和Angular.js双向绑定的实现原理完全不同，Angular是用的数据脏检测，当Model发生变化，会检测所有视图是否绑定了相关数据，再更改视图。而Vue使用的发布订阅模式，是点对点的绑定数据。 Vue的数据绑定只有两个步骤，compile=>link。 我一直在想，vue是通过什么去监听

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：116736
    • 提供者：weixin_38611459

  1. vue总线机制(bus)知识点详解

  2. vue中非父子组件之间通信除了使用vuex，也可以通过bus总线，两者适用场景不同。 bus适合小项目、数据被更少组件使用的项目，对于中大型项目 数据在很多组件之间使用的情况 bus就不太适用了。bus其实就是一个发布订阅模式，利用vue的自定义事件机制，在触发的地方通过$emit向外发布一个事件,在需要监听的页面，通过$on监听事件。 vuex适用中大型项目、数据在多组件之间公用的情况。 简单介绍两者的区别之后，就要介绍下我在一个项目中遇到的一个场景了，这个场景使用bus可能更加适合些：

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：52224
    • 提供者：weixin_38517904
« 12 »