Vue的生命周期: 在理解vue生命周期前要把握它的三个重点: 创建-> 改变 -> 销毁 创建: (1).实例对象 1.监控data属性 2.设置事件 3.根据data编译模块,渲染页面 4.调用mounted 5.vue在创建对象的时候,也向这个流程中注册了很多钩子函数 beforeCreate ...
分类:
其他好文 时间:
2017-11-19 13:32:30
阅读次数:
160
GET请求和POST请求: 1. get请求: * 使用场景:如果只对服务器获取数据,并没有对服务器产生任何影响,那么这时候使用get请求。 * 传参:get请求传参是放在url中,并且是通过`?`的形式来指定key和value的。 2. post请求: * 使用场景:如果要对服务器产生影响,那么使 ...
分类:
其他好文 时间:
2017-11-12 16:25:08
阅读次数:
182
vue 计算属性: computed:{} 写在new vue()的属性,只要参与运算,数据不发生变化时,次计算只会执行一次,结果缓存,之后的计算会直接从缓存里去结果。如果其中的值发生变化(不管几个),会重新计算,在重新缓存 在computed和methods的方法里直接调用data里的数据时用 t ...
分类:
其他好文 时间:
2017-10-31 12:45:43
阅读次数:
283
mixins 调用方式: mixins: [mixin1, mixin2] 是对父组件的扩充,包括methods、components、directive等。。。 触发钩子函数时,先调用mixins的函数,再调用父组件的函数。 虽然也能在创建mixin时添加data、template属性,但当父组件 ...
分类:
其他好文 时间:
2017-10-29 19:34:30
阅读次数:
115
1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下 将首次触发请求写在created钩子函数中,就能实现缓存,比如列表页,去了详情页 ...
分类:
其他好文 时间:
2017-10-18 11:18:23
阅读次数:
159
我们通过一个用户管理实例来学习react-router-dom 这个实例包括9个小组件 App.js 引入组件 Home.js 首页组件 User.js 用户管理组件 - UserList.js 用户列表组件 - UserAdd.js 用户添加组件 - UserDetail.js 用户详情组件 Pr ...
分类:
其他好文 时间:
2017-10-10 21:49:19
阅读次数:
253
混合对象可以包含任意组件选项, 选项合并:同名钩子函数都将被调用,混合对象的钩子将在组件自身钩子之前调用 值为对象的选项,被混合为同一个对象。两个对象键名冲突时,取组件对象的键值对,Vue.extend() 也使用同样的策略进行合并 全局混合: 自定义选项合并策略 ...
分类:
其他好文 时间:
2017-10-09 12:03:21
阅读次数:
147
又名钩子函数(C语言里Hook) 不知道如何实现,可以写个回调, 相当于提供个钩子,让别人来挂东西,来实现。 其实就是用多态,实现了分离 。 实际工作中更多用的是接口,强制你实现重写方法。 我们定义一个接口 说白了,就是多态。 ...
分类:
其他好文 时间:
2017-10-03 16:55:28
阅读次数:
148
前面的话 Vue实例在创建时有一系列的初始化步骤,例如建立数据观察,编译模板,创建数据绑定等。在此过程中,我们可以通过一些定义好的生命周期钩子函数来运行业务逻辑。本文将详细介绍Vue实例的生命周期 图示 下图是Vue实例生命周期的图示 解释 接下来,根据提供的生命周期钩子,对Vue实例各个阶段的情况 ...
分类:
其他好文 时间:
2017-09-09 17:11:56
阅读次数:
217
路由的过渡动画:让路由有过渡动画,需要在<router-view>标签的外部添加<transition>标签,标签还需要一个name属性。 css过渡类名:组件过渡过程中,会有四个CSS类名进行切换,这四个类名与transition的name属性有关,比如name=”fade”,会有如下四个CSS类 ...
分类:
其他好文 时间:
2017-09-08 23:54:11
阅读次数:
195