![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
孑非鱼丶
这个作者很懒,什么都没留下…
展开
-
深入Vue2.x的虚拟DOM diff原理
作者简介:汪玉林,高级工程师,增值产品部前端Leader,目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目,有丰富的Web前端架构经验。一、前言Vue的核心是双向绑定和虚拟DOM(下文我们简称为vdom),关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》,vdom是树状结构,其节点为vnode,vnode和浏览器DOM中的Node一一对应,通过vnode的e...转载 2019-07-29 10:58:02 · 96 阅读 · 0 评论 -
Vue简单指令
Vue.js:是一套用于构建用户界面的渐进式javascript框架。当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue版本发布的时间- Vue 1.x 2014- Vue 2.x 2016Vue是MVVM框架【MVVM是MVC的衍生框架】MVCMVC是一个软件架构思维,它将一个软件分为三个部分M Mo...原创 2019-07-24 17:03:54 · 113 阅读 · 0 评论 -
Vue-数据请求
数据请求: axios fetch数据请求的方式原生ajax fetch封装jQueryvue 1.x vue-resource 弃用axios 现如今最好的封装的请求库【 框架项目 】axios:引入axios1.获取静态数据2.获取动态数据①get请求:2种形式①post请求fetch请求数据:fetch是原生java...原创 2019-07-29 16:47:14 · 146 阅读 · 0 评论 -
Vue组件
1.- 什么是组件?- 组件是一个html css js img 等的一个聚合体- 在Vue中使用了一个叫做单文件组件的技术来实现组件- 它是一个 xxx.vue 文件- 这个文件在浏览器不能运行,必须经过编译【 gulp webpack 】才能运行Vue里面如何实现组件扩展: Vue.extend()什么是组件化为了避免多人开发造成的冲突为了加快开发效率为...原创 2019-07-30 20:13:23 · 96 阅读 · 0 评论 -
Vue 修饰符及部分方法
1.vue事件修饰符:举例:.stop2.Vue按键修饰符:.enter .tab .delete .esc .space .up .down .left .right .ctrl 。。。。。------举例:.enter3. 模板语法 mustache {{ 双大括号 }}支持度支持数据类型所有的类型都是支持的,但是console.log alert这些输出语法是...原创 2019-07-25 19:51:05 · 170 阅读 · 0 评论 -
组件的生命周期
组件的生命周期(组件的钩子)组件,组件的特定阶段完成特定的任务 【 特定时间点,完成特点任务 】组件的生命周期分为三个阶段: 初始化、运行中、销毁 8个钩子函数- 生命周期钩子不允许写成箭头函数,因为箭头函数会改变this指向初始化:- beforeCreate () {}- 组件即将创建- 任务: 初始化事件,并且为整个生命周期的开始做准备结果:- 数据获取失败,真实do...原创 2019-07-31 21:37:34 · 565 阅读 · 0 评论 -
vue的一些基础知识
-1.vue自定义指令定义方式:全局定义 Vue.directive( 指令的名称,指令的选项 )局部定义 组件内选项: directives①.全局定义②:局部定义2.混入 mixin①. 什么叫做混入?将组件的选项中的一部分分离出去,单独管理②. 方式有两种:局部混入 mixins 【 推荐 】全局混入 Vue.mixin 【 不推荐 】局部混入:...原创 2019-08-01 19:51:46 · 100 阅读 · 0 评论