zl程序教程

三、Vue进阶

  • 能否手写vue3响应式原理-面试进阶

    能否手写vue3响应式原理-面试进阶

    (二)响应式原理利用ES6中Proxy作为拦截器,在get时收集依赖,在set时触发依赖,来实现响应式。(三)手写实现1、实现Reactive基于原理,我们可以先写一下测试用例 //reactive.spec.ts describe("effect", () => { it("happy path", () => { const

    日期 2023-06-12 10:48:40     
  • 说说Vue响应式系统中的Watcher和Dep的关系-面试进阶

    说说Vue响应式系统中的Watcher和Dep的关系-面试进阶

    引言在这里我先提出两个问题(文章末尾会进行解答):在Vue的数据响应系统中,Dep和Watcher各自分担什么任务?Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗?有什么弊端和漏洞吗?一、什么是响应系统中的Watcher,它的作用是什么?响应系统中的Watcher即这个系统的观察者,它是响应系统中观察者模式的载体,当响应系统中的数据发生改变的时候,它能够知道并

    日期 2023-06-12 10:48:40     
  • Vue响应式系统中的Watcher和Dep的关系-面试进阶

    Vue响应式系统中的Watcher和Dep的关系-面试进阶

    引言在这里我先提出两个问题(文章末尾会进行解答):在Vue的数据响应系统中,Dep和Watcher各自分担什么任务?Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗?有什么弊端和漏洞吗?一、什么是响应系统中的Watcher,它的作用是什么?响应系统中的Watcher即这个系统的观察者,它是响应系统中观察者模式的载体,当响应系统中的数据发生改变的时候,它能够知道并

    日期 2023-06-12 10:48:40     
  • Vue 进阶组件实战应用 -- 父子组件传值的应用实例(子父组件传值的两种触发方式)

    Vue 进阶组件实战应用 -- 父子组件传值的应用实例(子父组件传值的两种触发方式)

    基础的子组件和父组件通信已经搞定了,可以看此博客 父子组件传值基础应用 需求 现在需求是在一个父页面引用子组件,不只是要实现基本的父子组件传值。并且子组件给父组件传值的触发条件要在父页面触发。

    日期 2023-06-12 10:48:40     
  • vue从入门到进阶:vue-router路由功能(九)

    vue从入门到进阶:vue-router路由功能(九)

    文章目录 基本使用 路由的命名 重定向和别名 路由组件传参props HTML5 History 模式 路由元信息meta 路由过渡动效 active-class 嵌套路由 编程式导航 router.push(...) router.go(n) 命名视图 导航守卫 全局守卫 全局后置钩子 路由独享的守卫 组件内的守卫 数据获取 导航完成后获取数据 在导航完成前获取数

    日期 2023-06-12 10:48:40     
  • vue从入门到进阶:自定义指令directive,插件的封装以及混合mixins(七)

    vue从入门到进阶:自定义指令directive,插件的封装以及混合mixins(七)

    文章目录 一.自定义指令directive 钩子函数 钩子函数参数 对象字面量 二.插件 怎样使用插件 简单例子 三.混合mixins 选项合并 全局混合 自定义选项合并策略 一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是

    日期 2023-06-12 10:48:40     
  • 关于Vue中$nextTick的作用及实现原理(Vue进阶)

    关于Vue中$nextTick的作用及实现原理(Vue进阶)

    Hello,大家好,最近找工作的路途依然艰难,但是要一直保持对技术的热爱!今天继续跟大家探索一下Vue进阶的内容,这次研究一下Vue的全局API中的

    日期 2023-06-12 10:48:40     
  • vue实战入门进阶篇十:vue+elementui实现网站后台-代码重构及发布

    vue实战入门进阶篇十:vue+elementui实现网站后台-代码重构及发布

    系列文章目录   第一章 系统功能规划   第二章 登录界面实现   第三章 系统框架搭建   第四章 主页框架实现   第五章 首页界面实现   第六章 新闻资讯界面实现   第七章 访问统计界面实现   

    日期 2023-06-12 10:48:40     
  • Vue表单进阶操作

    Vue表单进阶操作

    多选框另类使用场景 这个复选框和上面爱好那个复选框是不一样的,它不需要收集value值,只需要知道是否被选择,也就是ture或false,这时候就可以安装输入框的方式

    日期 2023-06-12 10:48:40