vue
慕斯策划一场流浪
生活是这样一件甘苦自知,敝帚自珍的事情。你若愿苦其自身,才能掌声雷动。
展开
-
Vuex核心概念和API
state vuex管理的状态对象 是唯一的 const state = { xxx: initValue } mutations 包含多个直接更新state的方法(回调函数)的对象 由action中的commit('mutation名称')触发 只能是同步代码,不可以异步 const mutation = { xxx(state, { data1 }){ ...原创 2020-03-08 18:57:04 · 140 阅读 · 0 评论 -
Vue源码分析之双向数据绑定
双向数据绑定建立在单向数据绑定(model-view)的基础之上 实现流程: 解析v-model指令时给当前元素添加input监听 当input的value发生改变时,将最新的值赋给当前表达式所对应的data属性 Compile.prototype = { compile: function (node) { var attrs = node.attributes, ...原创 2020-03-07 11:27:46 · 139 阅读 · 0 评论 -
Vue源码分析之数据绑定Dep与Watcher的关系
数据绑定 数据绑定 一旦更新了data中的某个属性数据,所有界面上直接(this.xxx='aaa')或间接(计算属性或方法)使用了此属性的节点都会更新 数据劫持 数据劫持是vue中用来实现数据绑定的一种技术 基本思想:通过defineProperty()来监视data中所有属性(任意层次)数据的变化,一旦变更就去更新界面 ...原创 2020-03-06 21:47:45 · 1876 阅读 · 4 评论 -
Vue源码分析之准备知识点和数据代理
准备知识点 1、[].slice.call()/Array.prototype.slice.call() 将伪数组转换成真数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...原创 2020-03-05 18:45:08 · 116 阅读 · 0 评论