Zhu xiaohang's blog

摘要: 新版本的作用域插槽以及旧版本的slot 1.作用/概念:预先将使用的内容进行保留 我的理解就是父页面在组件标签内插入任意内容,子组件内插糟slot控制摆放位置(匿名插槽,具名插槽) 案例: 从上面的案例可以看出 直接在组件里面写元素是没有作用的,这时候就需要插槽 slot 一旦在组件中加入加入的部分 阅读全文
posted @ 2019-06-29 17:32 mckk 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 一些 ES6的扩展 es6部分 let,const 1.var 定义的变量:全局变量和局部变量(函数) 2.箭头函数 特点:简洁 重要:箭头函数里面的this是定义的时候确定的,this一旦确定无法改变 总结:1.箭头函数最吸引最吸引人的地方是简洁。同时函数体内this对象,就是定义时所在的 对象, 阅读全文
posted @ 2019-06-28 11:24 mckk 阅读(519) 评论(0) 推荐(0) 编辑
摘要: Vue生命周期 ​ 首先,每个Vue实例在被 创建 之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉: ​ ​ 可以看到在vue一整个的生命周期中会有很多 钩子函数 提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有 阅读全文
posted @ 2019-06-27 11:29 mckk 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 组件通信 1.为什么要进行组件通信 ​ 组件可以说是具有独立功能的整体,但是当我们要将这些组件拼接在一起的时候,这些组件相互之间要建立联系,这个联系我们就称之为通信 2.组件通信的方式有一下几种 ​ 1.父子组件通信 ​ 使用props来实现 ​ 2.子父组件通信 ​ 自定义事件 ​ 3.非父子组件 阅读全文
posted @ 2019-06-25 22:59 mckk 阅读(287) 评论(0) 推荐(0) 编辑
摘要: Vue的两大特性(组件篇) 1.指令 用来操作dom 2.组件 组件是html css js等的一个聚合体 3.为什么要使用组件? ​ 1 .组件化 ​ 思想:1.将一个具备完整功能的项目的一部分进行多处使用 ​ 2.能加快项目的进度 ​ 3.可以进行项目的复用 ​ 2.要想实现组件化,那么我们使用 阅读全文
posted @ 2019-06-24 16:55 mckk 阅读(3044) 评论(0) 推荐(0) 编辑
摘要: 虚拟dom && diff算法 1.虚拟dom是什么 ​ 它是一个Object对象模型,用来模拟真实dom节点的结构 2.虚拟dom的使用基本流程(前四步骤) ​ 1.获取数据 ​ 2.创建vdom ​ 3. 通过render函数解析jsx,将其转换成 vdom结构 ​ 4.将vdom渲染成真实do 阅读全文
posted @ 2019-06-24 10:48 mckk 阅读(1307) 评论(0) 推荐(0) 编辑
摘要: 面向对象 原型 1.面向对象(oop) 构造函数的弊端:每一个方法对实例来说,都要重新创建一次,构造函数内部的属性和方法都是私有的。 总结:系统内置对象的构造函数的实例对象的方法都是同一个方法 ​ 我们自己构造函数的实例对象的方法就不是同一个方法 ​ 真正的面向对象:混合开发(构造函数+原型) 构造 阅读全文
posted @ 2019-06-23 21:39 mckk 阅读(130) 评论(0) 推荐(0) 编辑
摘要: this的应用及指向问题 ​ 总的原则,那就是this指的是调用函数的那个对象,即谁调用函数,this指向谁 改变this的指向 想让this指向谁就指向谁的方法,this是整个js很重要的关键字 //函数下面的三个方法:call,apply,bind都可以改变this的指向 阅读全文
posted @ 2019-06-23 20:18 mckk 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 面向对象 1.面向过程(函数式编程) 把一个项目按过程,一步一步去做,先做什么再做什么,直到完成这个项目 2.面向对象(oop 一种思想) 把一个项目分成几部分,每部分分成几块,每一块完成拼接在一起一个项目就完成 自定义对象 1.使用构造函数创建对象(new Obj) 2.字面量创建 (Obj={} 阅读全文
posted @ 2019-06-22 20:02 mckk 阅读(135) 评论(0) 推荐(0) 编辑
摘要: Vue中watch computed methods watch 1. 作用 用来监听data中定义的数据,当data中定义的数据发生了变化,那么watch中的key就会触发 watch是一个对象 watch: {} watch中可以设置多个类型的键值 2. 使用方式( 重点 ) 方法 对象: ( 阅读全文
posted @ 2019-06-22 14:18 mckk 阅读(183) 评论(0) 推荐(0) 编辑