对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 刷新页面的代码小结 推荐
Apr 02 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
js 窗口抖动示例
Sep 04 Javascript
JS对象转换为Jquery对象示例
Jan 26 Javascript
javascript+ajax实现产品页面加载信息
Jul 09 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
Feb 26 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
在react-antd中弹出层form内容传递给父组件的操作
Oct 24 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/05/26 PHP
php中文验证码实现示例分享
2014/01/12 PHP
用js怎么把&字符换成"&amp:"
2006/10/19 Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
2013/08/01 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
JQuery基础语法小结
2015/02/27 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
2016/06/23 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
nodejs的压缩文件模块archiver用法示例
2017/01/18 NodeJs
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
微信小程序实现时间预约功能
2018/11/27 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
原生js实现自定义消息提示框
2020/11/19 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
python判断字符串是否包含子字符串的方法
2015/03/24 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
Python基于ThreadingTCPServer创建多线程代理的方法示例
2018/01/11 Python
对python数据切割归并算法的实例讲解
2018/12/12 Python
Python内置函数locals和globals对比
2020/04/28 Python
Python新手学习装饰器
2020/06/04 Python
python实现二分查找算法
2020/09/18 Python
Python爬虫代理池搭建的方法步骤
2020/09/28 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
一年级班主任感言
2014/03/08 职场文书
腾讯广告词
2014/03/19 职场文书
爱国主义教育活动总结
2014/05/07 职场文书
要账委托书范本
2014/09/15 职场文书
php+laravel 扫码二维码签到功能
2021/05/15 PHP
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python