对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检测判断日期大于多少天的方法
May 04 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
Aug 13 Javascript
mui上拉加载功能实例详解
Apr 13 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
如何利用ES6进行Promise封装总结
Feb 11 Javascript
微信小程序 高德地图路线规划实现过程详解
Aug 05 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 Javascript
vue-cli3 引入 font-awesome的操作
Aug 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+mysql写的简单留言本实例代码
2008/07/25 PHP
php flv视频时间获取函数
2010/06/29 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php基于socket实现SMTP发送邮件的方法
2015/03/05 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
JavaScript 原型学习总结
2010/10/29 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
2017/10/20 jQuery
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
2018/02/08 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
Python3学习urllib的使用方法示例
2017/11/29 Python
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
使用pygame实现垃圾分类小游戏功能(已获校级二等奖)
2020/07/23 Python
python输入中文的实例方法
2020/09/14 Python
幼儿园教师考核制度
2014/02/01 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
运动会开幕式主持词
2015/07/01 职场文书
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android