对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 常用操作方法
Jan 28 Javascript
jQuery文本框(input textare)事件绑定方法教程
Apr 24 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
vue插件tab选项卡使用小结
Oct 27 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
jQuery树插件zTree使用方法详解
May 02 jQuery
微信小程序获取用户信息并保存登录状态详解
May 10 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
Oct 25 Javascript
深入详解JS函数的柯里化
Jun 09 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
数字转英文
2006/12/06 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
浅析PHP Socket技术
2013/08/02 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
[01:41]DOTA2超级联赛专访YYF 称一辈子难忘TI2
2013/05/28 DOTA
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
Python栈类实例分析
2015/06/15 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
pytorch模型预测结果与ndarray互转方式
2020/01/15 Python
Pyinstaller打包Scrapy项目的实现步骤
2020/09/22 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
美国运动鞋类和服装零售连锁店:Shoe Palace
2019/08/13 全球购物
什么是Rollback Segment
2013/04/22 面试题
资产评估专业大学生求职信
2013/09/29 职场文书
采购部主管岗位职责
2014/01/01 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
歌颂祖国演讲稿
2014/05/04 职场文书
师德先进个人事迹材料
2014/12/19 职场文书
物资采购管理制度
2015/08/06 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android