vue
面向对象的夜猫子
抽象,继承,封装,多态。
展开
-
Vue.js双向绑定的实现原理
vuejs是如何实现双向数据绑定的呢?转载 2017-09-17 18:02:36 · 272 阅读 · 0 评论 -
Vue的发现和理解
1. 性能优化:相对于计算属性computed、方法methods、观察watch,优先考虑使用计算属性实现,因为计算属性会缓存它的值,只有当计算属性的相关依赖发生改变时才会重新求值;尽可能最大化地让Vue复用可用的元素,即,在用key管理可利用元素的地方看是否有其它更快速的替代方案;适当地选择v-if和v-show,当元素被渲染后,需要经常被切换时,使用v-show;否则,使用v-if;转载 2017-09-26 13:31:00 · 576 阅读 · 0 评论 -
vuex使用的正确姿势
一、介绍VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,适合于构建中大型单页应用。1、什么是状态管理模式?看个简单的例子: Vuex Demo 01 Count is {{ counterValue }} Incremen转载 2017-09-29 10:07:32 · 829 阅读 · 0 评论 -
vuex2.0源码分析
一、前言当我们用 Vue.js 开发一个中到大型的单页应用时,经常会遇到如下问题:如何让多个 Vue 组件共享状态Vue 组件间如何通讯通常,在项目不是很复杂的时候,我们会利用全局事件总线 (global event bus)解决,但是随着复杂度的提升,这些代码将变的难以维护。因此,我们需要一种更加好用的解决方案,于是,Vuex 诞生了。本文并不是 Vuex转载 2017-09-29 10:16:55 · 383 阅读 · 0 评论 -
聊聊Vue.js的template编译
可能会有理解存在偏差的地方,欢迎提issue指出,共同学习,共同进步。$mount首先看一下mount的代码/*把原本不带编译的$mount方法保存下来,在最后会调用。*/const mount = Vue.prototype.$mount/*挂载组件,带模板编译*/Vue.prototype.$mount = function ( el?: string | Element转载 2017-10-10 10:36:23 · 980 阅读 · 0 评论 -
JavaScript Event Loop 机制详解与 Vue.js 中实践应用
JavaScript Event Loop 机制详解与 Vue.js 中实践应用归纳于笔者的现代 JavaScript 开发:语法基础与实践技巧系列文章。本文依次介绍了函数调用栈、MacroTask 与 MicroTask 执行顺序、浅析 Vue.js 中 nextTick 实现等内容;本文中引用的参考资料统一声明在 JavaScript 学习与实践资料索引。1. 事件循环机制详解转载 2017-10-24 12:35:01 · 394 阅读 · 0 评论