Vue
5篇文章 · 0订阅
  • 渐进地了解渐进式框架Vue
    长文警告！阅读时长5-10m。以代码为主，你将了解Vue响应式原理和运行机制。 监听者Observer: 用来劫持数据变化，通知发布者Dep。 值得一提的是，defineProperty无法监听数组变化，这也是我们在使用vue初期，困扰的this.arr[index] = xx…
    Vue.js
    渐进地了解渐进式框架Vue
  • vue3响应式源码解析-Reactive篇
    在上一章中，我们介绍了ref，如果仔细看过，想必对ref应该已经了如指掌了。如果还没有，或着忘记了....可以先回顾一下上篇文章。 reactive这个文件代码其实不多，100 来行，很多逻辑其实是在handlers跟effect中。我们先看这个文件的引入： 所以不用怕，很多只…
    Vue.js 源码
  • vue路由前进后退动画
    router-layout 负责页面排版。 主要是解决transform动画，position:fixed异常问题 如果存在子路由,需手动设置router-layout的id属性，滚动条定位作用。 本项目基于 MIT 协议，请自由地享受和参与开源。
    vue-router
  • vue3.0 尝鲜 -- 摒弃 Object.defineProperty，基于 Proxy 的观察者机制探索
    写在前面： 11月16日早上，Vue.js的作者尤大大在 Vue Toronto 的主题演讲中预演了 Vue.js 3.0的一些新特性，其中一个很重要的改变就是Vue3 将使用 ES6的Proxy 作为其观察者机制，取代之前使用的Object.defineProperty。我相…
    Vue.js
  • 在移动端使用vue-router和keep-alive
    首先一个问题是keep-alive的行为。我们可以通过keep-alive来保存页面状态，但这样的行为对于类似于APP的体验是有些奇怪的。例如我们的应用有首页、列表页、详情页3个页面，当我们从列表页进入详情页再返回，此时列表页应当是keep-alive的。而当我们从列表页返回首…
    前端 vue-router Vue.js