对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 相关文章推荐
超级兔子让浮动层消失的前因后果
Mar 09 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
May 19 Javascript
中文路径导致unitpngfix.js不正常的解决方法
Jun 26 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
May 28 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 Javascript
Vue与Node.js通过socket.io通信的示例代码
Jul 25 Javascript
详解处理Vue单页面应用SEO的另一种思路
Nov 09 Javascript
微信小程序sessionid不一致问题解决
Aug 30 Javascript
JS实现网页端猜数字小游戏
Mar 06 Javascript
记一次react前端项目打包优化的方法
Mar 30 Javascript
Vue切换Tab动态渲染组件的操作
Sep 21 Javascript
JS封装cavans多种滤镜组件
Feb 15 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
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
PHP数据库编程之MySQL优化策略概述
2017/08/16 PHP
Javascript表达式中连续的 && 和 || 之赋值区别
2010/10/17 Javascript
JS控制阿拉伯数字转为中文大写示例代码
2013/09/04 Javascript
jquery仿搜索自动联想功能代码
2014/05/23 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
JS实现的最简Table选项卡效果
2015/10/14 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
js实现各种复制到剪贴板的方法(分享)
2016/10/27 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
python在非root权限下的安装方法
2018/01/23 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
用python3 urllib破解有道翻译反爬虫机制详解
2019/08/14 Python
python实现H2O中的随机森林算法介绍及其项目实战
2019/08/29 Python
基于K.image_data_format() == 'channels_first' 的理解
2020/06/29 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
python3 中使用urllib问题以及urllib详解
2020/08/03 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
英国著名的小众美容品牌网站:Alyaka
2017/08/08 全球购物
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
Trip.com澳大利亚:在线旅行社
2019/12/01 全球购物
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
函授毕业生的自我鉴定
2013/11/26 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
文化宣传方案
2014/03/13 职场文书
无传销社区工作方案
2014/05/13 职场文书
2014年宣传工作总结
2014/11/18 职场文书
民政局未婚证明
2015/06/15 职场文书
外科护士长工作总结
2015/08/12 职场文书
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript