对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 源码分析笔记(7) Queue
Jun 19 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
May 30 Javascript
setTimeout学习小结
Feb 08 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
基于js中document.cookie全面解析
Sep 14 Javascript
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
微信小程序使用npm包的方法步骤
Aug 13 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
vue实现多级菜单效果
Oct 19 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
JS实现轮播图效果
Jan 11 Javascript
Js on及addEventListener原理用法区别解析
Jul 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
十天学会php之第六天
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
PHP微信开发之根据用户回复关键词\位置返回附近信息
2016/06/24 PHP
php封装的page分页类完整实例
2016/10/18 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
js Canvas实现的日历时钟案例分享
2016/12/25 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
Angular 4.x 动态创建表单实例
2017/04/25 Javascript
无限循环轮播图之运动框架(原生JS实现)
2017/10/01 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
win7 下搭建sublime的python开发环境的配置方法
2014/06/18 Python
python字典get()方法用法分析
2015/04/17 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
广告学专业推荐信范文
2013/11/23 职场文书
中级会计职业生涯规划范文
2014/01/16 职场文书
大龄毕业生求职别忘职业规划
2014/03/11 职场文书
公司董事长岗位职责
2014/06/08 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
实战Python爬虫爬取酷我音乐
2022/04/11 Python
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL