对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 相关文章推荐
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
JSON+HTML实现国家省市联动选择效果
May 18 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
jquery中ajax跨域方法实例分析
Dec 18 Javascript
js点击按钮实现带遮罩层的弹出视频效果
Dec 19 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
JS排序之选择排序详解
Apr 08 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
vue的for循环使用方法
Feb 12 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
Sep 20 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禁止某ip或ip地址段访问的方法
2015/02/25 PHP
javascript window对象属性整理
2009/10/24 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
将json对象转换为字符串的方法
2014/02/20 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
AngularJs动态加载模块和依赖注入详解
2016/01/11 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
微信小程序 loading(加载中提示框)实例
2016/10/28 Javascript
tab栏切换原理
2017/03/22 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
详解VUE 数组更新
2017/12/16 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
python3.6使用pickle序列化class的方法
2018/10/22 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
电子工程专业毕业生求职信
2014/03/14 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
自主招生自荐信格式
2015/03/04 职场文书
农村党支部承诺书
2015/04/30 职场文书
PostgreSQL出现死锁该如何解决
2022/05/30 PostgreSQL
Android 中的类文件和类加载器详情
2022/06/05 Java/Android
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS