对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 02 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
Aug 06 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 Javascript
PassWord输入框代码分享
Jun 07 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
Jul 05 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
JS模拟超市简易收银台小程序代码解析
Aug 18 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 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
关于mysql 字段的那个点为是定界符
2007/01/15 PHP
thinkphp实现图片上传功能分享
2014/03/04 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
JS操作JSON要领详细总结
2013/08/25 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
jQuery is()函数用法3例
2014/05/06 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
js判断登录与否并确定跳转页面的方法
2015/01/30 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
JavaScript判断DIV内容是否为空的方法
2016/01/29 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
大白话讲解JavaScript的Promise
2017/04/06 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
微信小程序结合Storage实现搜索历史效果
2019/05/18 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
详解python中requirements.txt的一切
2017/03/03 Python
python 对字典按照value进行排序的方法
2019/05/09 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
基于Html5实现的react拖拽排序组件示例
2018/08/13 HTML / CSS
文员岗位职责
2013/11/09 职场文书
中英文自我评价语句
2013/12/20 职场文书
物理专业本科生自荐信
2014/01/30 职场文书
学校捐款活动总结
2015/05/09 职场文书
goland设置颜色和字体的操作
2021/05/05 Golang
解决python3安装pandas出错的问题
2021/05/20 Python
mysql 带多个条件的查询方式
2021/06/05 MySQL
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers