对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 相关文章推荐
javascript call方法使用说明
Jan 11 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
Highcharts入门之简介
Aug 02 Javascript
你知道setTimeout是如何运行的吗?
Aug 16 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
jQuery表单设置值的方法
Jun 30 jQuery
Vue组件之自定义事件的功能图解
Feb 01 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 06 Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 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
php下把数组保存为文件格式的实例应用
2010/02/08 PHP
redis 队列操作的例子(php)
2012/04/12 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
2011/07/31 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
Angular.js中$resource高大上的数据交互详解
2017/07/30 Javascript
关于vue单文件中引用路径的处理方法
2018/01/08 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
2020/12/04 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
同时安装Python2 & Python3 cmd下版本自由选择的方法
2017/12/09 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
Python 点击指定位置验证码破解的实现代码
2019/09/11 Python
Python3 socket即时通讯脚本实现代码实例(threading多线程)
2020/06/01 Python
HTML5制作表格样式
2016/11/15 HTML / CSS
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
公务员职务工作的自我评价
2013/11/01 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
学生自我评语大全
2014/04/18 职场文书
某某同志考察材料
2014/05/28 职场文书
党委班子对照检查材料
2014/08/19 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
2015年度党员自我评价范文
2015/03/03 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
用Python生成会跳舞的美女
2022/01/18 Python