vue学习基础之生命周期钩子
来源:互联网 发布:php b2b2c开源系统 编辑:程序博客网 时间:2024/05/22 16:52
钩子函数及实例生命周期
method用来定义方法的,比如你@click="test",methods就定义test这个方法
created和ready都是 vue 组件的生命周期
created
类型: Function
详细:
在实例创建之后同步调用。此时实例已经结束解析选项,这意味着已建立:数据绑定,计算属性,方法,watcher/事件回调。但是还没有开始 DOM 编译,$el 还不存在。
生命周期钩子函数,created钩子在实例被创建完成之后调用。钩子的 this
指向调用它的 Vue 实例
ready
类型: Function
详细:
在编译结束和 $el 第一次插入文档之后调用,如在第一次 attached 钩子之后调用。注意必须是由 Vue 插入(如 vm.$appendTo() 等方法或指令更新)才触发 ready 钩子。
compted
是计算属性的
computed:{ b:function(){ return this.a+1 }}
那么这个b的值就和a挂钩,始终等于a的值+1,修改a的值的时候也会变
实例生命周期
生命周期钩子在1.x和2.0之间的区别:
钩子函数的用法
beforecreate
: 举个栗子:可以在这加个loading事件 created
:在这结束loading,还做一些初始化,实现函数自执行 mounted
: 在这发起后端请求,拿回数据,配合路由钩子做一些事情beforeDestory
: 你确认删除XX吗? destoryed :当前组件已被删除,清空相关内容
阅读全文
0 0
- vue学习基础之生命周期钩子
- Vue学习之 生命周期钩子
- Vue 生命周期钩子
- vue生命周期钩子函数
- vue生命周期、钩子理解
- vue.js生命周期钩子详解
- vue-router 2.0 常用基础知识点之导航钩子
- vue-router 2.0 常用基础知识点之导航钩子
- vue-router 2.0 常用基础知识点之导航钩子
- vue-router 2.0 常用基础知识点之导航钩子
- 【Vue2.0】vue生命周期中的钩子函数
- vue js 的生命周期和钩子函数
- Vue的生命周期(钩子函数)
- vue.js生命周期钩子函数及缓存
- 对vue生命周期-钩子函数的理解
- vue生命周期中,钩子函数执行顺序
- vue生命周期和钩子函数的理解
- Vue.js 系列教程 3:Vue-cli,生命周期钩子
- Linux学习(一)基础与常用命令
- Linux学习(二)Vim编辑器使用
- 可编程器件的编程原理
- Java学习笔记(四)——网络与数据库
- 安装linux操作系统认识基本命令
- vue学习基础之生命周期钩子
- Python 作业
- EventBus源码解析02-订阅者注册
- 函数柯里化function currying
- CoordinatorLayout.Behavior方法详解
- 微信支付异步处理支付结果-公众号支付开发-视频教程6
- 微信扫码支付开发-公众号支付开发-视频教程7
- C++ 堆排序和堆的其他基本操作
- ST(RMQ)算法(在线)求LCA