zhouying_01的博客

作者简介：汪玉林，高级工程师，增值产品部前端Leader，目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目，有丰富的Web前端架构经验。 一、前言 Vue的核心是双向绑定和虚拟DOM（下文我们简称为vdom），关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》，vdom是树状结构，其节点为vnode，vnode和浏览器DOM中的Node一一对应，通过vnode的e...

Vue.js：是一套用于构建用户界面的渐进式javascript框架。当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 Vue版本发布的时间 - Vue 1.x 2014 - Vue 2.x 2016 Vue是MVVM框架【MVVM是MVC的衍生框架】 MVC MVC是一个软件架构思维，它将一个软件分为三个部分 M Mo...

数据请求： axios fetch 数据请求的方式 原生 ajax fetch 封装 jQuery vue 1.x vue-resource 弃用 axios 现如今最好的封装的请求库【 框架项目 】 axios：引入axios 1.获取静态数据 2.获取动态数据 ①get请求：2种形式 ①post请求 fetch请求数据：fetch是原生java...

1.- 什么是组件？ - 组件是一个html css js img 等的一个聚合体 - 在Vue中使用了一个叫做单文件组件的技术来实现组件 - 它是一个 xxx.vue 文件 - 这个文件在浏览器不能运行，必须经过编译【 gulp webpack 】才能运行 Vue里面如何实现组件 扩展： Vue.extend() 什么是组件化 为了避免多人开发造成的冲突 为了加快开发效率 为...

1.vue事件修饰符： 举例：.stop 2.Vue按键修饰符： .enter .tab .delete .esc .space .up .down .left .right .ctrl 。。。。。 ------举例：.enter 3. 模板语法 mustache {{ 双大括号 }} 支持度 支持数据类型 所有的类型都是支持的，但是console.log alert这些输出语法是...

组件的生命周期（组件的钩子） 组件，组件的特定阶段完成特定的任务 【 特定时间点，完成特点任务 】 组件的生命周期分为三个阶段： 初始化、运行中、销毁 8个钩子函数 - 生命周期钩子不允许写成箭头函数，因为箭头函数会改变this指向 初始化： - beforeCreate () {} - 组件即将创建 - 任务： 初始化事件，并且为整个生命周期的开始做准备 结果： - 数据获取失败，真实do...

-1.vue自定义指令 定义方式： 全局定义 Vue.directive( 指令的名称，指令的选项 ) 局部定义 组件内选项： directives ①.全局定义 ②：局部定义 2.混入 mixin ①. 什么叫做混入？ 将组件的选项中的一部分分离出去，单独管理 ②. 方式有两种： 局部混入 mixins 【 推荐 】 全局混入 Vue.mixin 【 不推荐 】 局部混入： ...