摘要：
好家伙, Vue源码学习(七):合并生命周期(混入Vue.Mixin) 书接上回,在上一篇中,a56爆大奖在线娱乐们已经实现了合并生命周期 现在,a56爆大奖在线娱乐们要在a56爆大奖在线娱乐们的初始化过程中,注册生命周期 1.项目目录 红框为本篇涉及到的.js文件 2.先来看 /utils/index.js export const HOOKS =[ 阅读全文
摘要：
好家伙, 1.使用场景 现在来,来想一下,作为一个使用Vue的开发者,假设现在a56爆大奖在线娱乐们要使用created(),a56爆大奖在线娱乐们会如何使用 1.1. .vue文件中使用 <template> <div> <h1>{{ message }}</h1> </div> </template> <script> expor 阅读全文
摘要：
好家伙， 前情提要： 在上一篇a56爆大奖在线娱乐们已经成功将ast语法树转换为渲染函数 现在a56爆大奖在线娱乐们继续 1.项目目录 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过a56爆大奖在线娱乐解释给你听一万遍 新增文件：vnode/index.js vnode/p 阅读全文
摘要：
好家伙, 昨天,在学习vue源码的过程中,看到了这个玩意 嘶,看不太懂,研究一下 1.上下文 这段出现vue模板编译的虚拟node部分 export function renderMixin(Vue) { Vue.prototype._c = function () { //创建标签 return 阅读全文
摘要：
好家伙, Vue源码学习(三):<templete>渲染第二步,创建ast语法树, 在上一篇,a56爆大奖在线娱乐们已经成功将 a56爆大奖在线娱乐们的模板 转换为ast语法树 接下来a56爆大奖在线娱乐们继续进行操作 1.方法封装 由于代码太多,为了增加代码的可阅读性 a56爆大奖在线娱乐们先将代码进行封装 index.js import { generate } f 阅读全文
摘要：
好家伙,书接上回 在上一篇Vue源码学习(二):<templete>渲染第一步,模板解析中,a56爆大奖在线娱乐们完成了模板解析 现在a56爆大奖在线娱乐们继续,将模板解析的转换为ast语法树 1.前情提要 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过a56爆大奖在线娱乐 阅读全文
摘要：
好家伙， 1.<template>去哪了 在正式内容之前,a56爆大奖在线娱乐们来思考一个问题, 当a56爆大奖在线娱乐们使用vue开发页面时,<tamplete>中的内容是如何变成a56爆大奖在线娱乐们网页中的内容的? 它会经历四步: 解析模板：Vue会解析<template>中的内容，识别出其中的指令、插值表达式（{{}}），以及其他元素和属性。 阅读全文
摘要：
好家伙,了解一下Vue如何实现数据劫持 1.Vue中data的使用 首先,a56爆大奖在线娱乐得搞清楚这玩意的概念,a56爆大奖在线娱乐们先从vue的使用开始吧 想想看,a56爆大奖在线娱乐们平时是如何使用vue的data部分的? 无非是这两种情况 (你可千万不要带着惊讶的表情说"啊!原来有两种写法的吗") //函数写法 data() { return 阅读全文
摘要：
好家伙,搬砖 今天在做组件迁移(从一个旧平台迁移到一个新平台)的时候,发现了一些小小的问题: 1.错误描述: 在穿梭框组件中,使用"节点配置"方法添加数据的时候,左测数据选择框直接消失了 这里a56爆大奖在线娱乐们猜测一下,大概是数据处理出了问题 此处,a56爆大奖在线娱乐们使用"数据绑定"绑定数据方法: 定义数据: 绑定数据 2.错 阅读全文
摘要：
好家伙,为了有足够的能力去开发组件,先研究一下别人的组件 开始抄袭模仿a56爆大奖在线娱乐们的行业标杆element-ui 找到Button组件的源码 只有三个文件,看上去非常易读,开搞 其中最重要的部分,自然是button.vue <template> <button class="el-button" @clic 阅读全文