![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
很懒的哦
个人网站:http://heyzj.club/
展开
-
Vue中$on和$emit的实现原理
Vue中发布订阅模式在Vue中采用了发布订阅模式,典型的兄弟组件间的通信$on和$emit发布订阅模式:(订阅者、发布者、信号中心)一个发布者$emit发布一个事件到信号中心 eventBus ,订阅者们 $on 通过信号中心收到该事件,进行处理在这里模拟一个自定义事件 $on和$emit事件class EventBus{ constructor(){ // 1.处理事件对应的处理函数 this.sub = {} } $on(event,fn){ if(!this.sub[原创 2021-06-12 17:02:07 · 2142 阅读 · 0 评论 -
vue3中proxy代理
理解Proxy代理这里模拟一个伪Vue,使用Proxy代理为响应式<div id='app'></div><script> const data = { name:'hello', age:10 } const vm = new Proxy(data,{ get(target,p,receiver){ // 1.target就是代理的data对象 // 2.p 就是data中的每一个属性(name.age) // 3.receiv原创 2021-06-12 16:16:31 · 1121 阅读 · 0 评论 -
Vue Router 的实现原理
VueRouter的实现原理——手写一个router前言知识1、VueRouter 其实是一个插件的形式注入到Vue中的【Vue.use(VueRouter)】2、要知道VueRouter的底层在浏览器中使用的是hash和histroy两种模式,在node服务端使用的是abstracthash :直接就是使用onhashchangehistroy : 使用了H5 histroy API 中的 histroy.pushState(state,title,url) 、histroy.replace原创 2021-06-11 20:48:25 · 1582 阅读 · 1 评论 -
Vue中抽离组件后父子组件间的传值
Vue中父子组件间的传值简言:在学习Vue全家桶之Vuex之前,首得搞明白Vue在组件中的数据传递,其中包括:1. 路由协议传参2. 父子组件传值现在,简单的介绍父子组件传值一、父子组件的传值1.父组件向子组件传值首先有一个父组件Parent.vue<template> <div> <son></son> </div></template><script>import S原创 2020-12-10 15:14:51 · 266 阅读 · 0 评论