对vue里函数的调用顺序介绍


Posted in Javascript onMarch 17, 2018

method用来定义方法的,比如你@click=”test”,methods就定义test这个方法

created和ready都是 vue 组件的生命周期

created

类型: Function

详细:

在实例创建之后同步调用。此时实例已经结束解析选项,这意味着已建立:数据绑定,计算属性,方法,watcher/事件回调。但是还没有开始 DOM 编译,$el 还不存在。

ready

类型: Function

详细:

在编译结束和 el第一次插入文档之后调用,如在第一次attached钩子之后调用。注意必须是由Vue插入(如vm.el第一次插入文档之后调用,如在第一次attached钩子之后调用。注意必须是由Vue插入(如vm.appendTo() 等方法或指令更新)才触发 ready 钩子。

compted 是计算属性,比如

computed:{ 
b:function(){ 
return this.a+1 
} 
}

那么这个b的值就和a挂钩,始终等于a的值+1,修改a的值的时候也会变

vue 的 ajax 库推荐使用 vue-resource,一般非单页应用在ready里获取数据就行,如果是单页应用根据路由生命周期来获取,比如

route: { 
data: function (transition) { 
//数据获取,修改data 
transition.next() 
} 
}

以上这篇对vue里函数的调用顺序介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery $.ajax入门应用二
Nov 19 Javascript
JavaScript CSS修改学习第三章 修改样式表
Feb 19 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
js模拟hashtable的简单实例
Mar 06 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
javascript+canvas实现刮刮卡抽奖效果
Jul 29 Javascript
浅析Bootstrap缩略图组件与警示框组件
Apr 29 Javascript
react 实现页面代码分割、按需加载的方法
Apr 03 Javascript
async/await地狱该如何避免详解
May 10 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
Nov 11 Javascript
基于vue2.0动态组件及render详解
Mar 17 #Javascript
Vue实现动态创建和删除数据的方法
Mar 17 #Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 #Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 #Javascript
解决vue页面DOM操作不生效的问题
Mar 17 #Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 #Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 #Javascript
You might like
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
ThinkPHP的URL重写问题
2014/06/22 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
JavaScript this调用规则说明
2010/03/08 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
前端性能优化及技巧
2016/05/06 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
2018/11/05 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
2019/09/16 Javascript
python 写的一个爬虫程序源码
2016/02/28 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
意大利男装网店:Vrients
2019/05/02 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
法学毕业生自荐信
2013/11/13 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
大学生新学期计划书
2014/04/28 职场文书
销售团队口号大全
2014/06/06 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
四风专项整治工作情况汇报
2014/10/28 职场文书
2014年民主评议党员工作总结
2014/12/02 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
中秋节晚会开场白
2015/05/29 职场文书
赤壁观后感(2)
2015/06/15 职场文书
关于保护环境的建议书
2019/06/24 职场文书
2019年教师入党申请书
2019/06/27 职场文书
PHP使用非对称加密算法RSA
2021/04/21 PHP
详解使用内网穿透工具Ngrok代理本地服务
2022/03/31 Servers