对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 相关文章推荐
pjblog中的UBBCode.js
Apr 25 Javascript
QQ空间顶部折页撕开效果示例代码
Jun 15 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 Javascript
javascript时间差插件分享
Jul 18 Javascript
移动端js图片查看器
Nov 17 Javascript
js 性能优化之算法和流程控制
Feb 15 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
node+express框架中连接使用mysql(经验总结)
Nov 10 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中文本操作的类
2007/03/17 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
php判断访问IP的方法
2015/06/19 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
2016/06/14 Javascript
Javascript计算二维数组重复值示例代码
2016/12/18 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
JS模拟实现ECMAScript5新增的数组方法
2017/03/20 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
Vue中封装input组件的实例详解
2017/10/17 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
2018/08/31 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
laypage.js分页插件使用方法详解
2019/07/27 Javascript
JS实现多选框的操作
2020/06/24 Javascript
Fiddler如何抓取手机APP数据包
2016/01/22 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
Python3 利用requests 库进行post携带账号密码请求数据的方法
2018/10/26 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
药剂学专业应届生自荐信
2013/09/29 职场文书
工作建议书范文
2014/05/13 职场文书
幼师求职自荐信
2014/05/31 职场文书
关于青春的演讲稿三分钟
2014/08/22 职场文书
关于教师节的演讲稿
2014/09/04 职场文书
药店采购员岗位职责
2014/09/30 职场文书
革命电影观后感
2015/06/18 职场文书
计算机教师工作总结
2015/08/13 职场文书
element多个表单校验的实现
2021/05/27 Javascript