Vue
Hcdream
这个作者很懒,什么都没留下…
展开
-
路由 vue-router
SPA ( single page App ) 单页面应用 优点 不需要刷新页面,因为它就是一个页面 这个页面内容在切换 单页面内容之间的切换要想实现我们就是用路由了 如今我们的app、后台管理系统 主要的开发形式就是spa 多页面应用 有多个html文件,通过a标签的连接联通各个页面 缺点 开发起来太冗余,编译、压缩很耗时间 页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,...原创 2019-10-28 20:39:37 · 101 阅读 · 0 评论 -
vue生命周期钩子
vue生命周期初始化阶段 4个生命周期钩子【 Hook 】函数 beforeCreate 不能获取数据,也不能获取真实DOM 它可以对new Vue()出来的时候,做初始化事件和生命周期做准备,这些都是内部完成的 总结: 这个钩子我们在项目中可以不用 created 初始化data选项 对data选项中的数据做数据劫持【 用es5 Object.defineProperty做getter...原创 2019-10-26 16:36:17 · 141 阅读 · 0 评论 -
Vue虚拟DOM和Diff算法
虚拟DOM 所谓的virtual dom,也就是虚拟节点。它通过JS的Object对象模拟DOM中的节点,然后再通过特定的render方法将其渲染成真实的DOM节点 dom diff 则是通过JS层面的计算,返回一个patch对象,即补丁对象,在通过特定的操作解析patch对象,完成页面的重新渲染 virtual dom的渲染流程 通过数据拦截[es5 中 Object.defineProp...原创 2019-10-24 17:51:13 · 260 阅读 · 0 评论 -
Vue(二)
事件 Vue中事件对象是原生事件对象 当一个事件中既有时间对象,又有普通参数,那么我们在调用这个方法是需要传入一个$event和对象对应 事件修饰符 事件修饰符是用来修饰事件的,它的作用是更加便捷的来使用一些重复的代码,比如事件冒泡的阻止 .stop 阻止事件冒泡 .prevent 阻止浏览器默认行为 .capture 事件捕获行为 .self = .stop .once 事件只会触发一次 ...原创 2019-10-24 17:40:22 · 116 阅读 · 0 评论 -
Vue(三)
计算属性 computed 作用:可以将本应该在v中处理的逻辑迁移到vm中,让其更符合MVVM思想 计算属性就相当于计算出来的结果,最好不去更改它 监听属性 watch 作用: 监听的,添加一些副作用【 由某一个数据改变而引起的其他变化 】 深入监听 vs 浅监听【 方法 】 深入监听可以监听多层,而方法只能监听一层 组件 vue的功能之一 为什么使用组件? 为了将来...原创 2019-10-24 17:37:45 · 97 阅读 · 0 评论 -
Vue基础(一)
Vue版本 Vue 1.0 2014年 Vue 2.0 2016年 Vue next 2019年10月 Vue深入响应式原理 Vue是通过数据劫持和事件的订阅发布模式来实现的,数据劫持指的是Vue通过observer观察者对象对data选项中的属性做getter和setter设置,然后通过事件的订阅发布来监听data中数据的变化,只要数据一变,就会重新触发视图的更新 Vue指令 Vue...原创 2019-10-21 08:36:24 · 89 阅读 · 0 评论