对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 相关文章推荐
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
Javascript 多浏览器兼容总结(实战经验)
Oct 30 Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
仿京东快报向上滚动的实例
Dec 13 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 Javascript
Vue登录主页动态背景短视频制作
Sep 21 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 Javascript
javascript遍历对象的五种方式实例代码
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/06/08 PHP
Symfony数据校验方法实例分析
2015/01/26 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
js查找父节点的简单方法
2008/06/28 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
JavaScript引用类型和基本类型详解
2016/01/06 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
详解JavaScript中基于原型prototype的继承特性
2016/05/05 Javascript
Javascript简写条件语句(推荐)
2016/06/12 Javascript
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
Python如何为图片添加水印
2016/11/25 Python
python爬取淘宝商品销量信息
2018/11/16 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
利用Python实现kNN算法的代码
2019/08/16 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
期末总结的个人自我评价
2013/11/02 职场文书
酒店前厅员工辞职信
2014/01/08 职场文书
个人自我剖析材料
2014/09/30 职场文书
批评与自我批评范文
2014/10/15 职场文书
2015年组织部工作总结
2015/04/03 职场文书
教师读书笔记
2015/06/29 职场文书
病假条格式范文
2015/08/17 职场文书
golang 实现Location跳转方式
2021/05/02 Golang