对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 相关文章推荐
ExtJS的FieldSet的column列布局
Nov 20 Javascript
jquery tablesorter.js 支持中文表格排序改进
Dec 09 Javascript
javascript利用初始化数据装配模版的实现代码
Nov 17 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
Mar 18 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
jquery PrintArea 实现票据的套打功能(代码)
Mar 17 Javascript
通过示例彻底搞懂js闭包
Aug 10 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
Nov 06 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
基于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字符串截取问题
2006/11/28 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
javascript学习笔记--数字格式类型
2014/05/22 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
使用 vue.js 构建大型单页应用
2018/02/10 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
归纳整理Python中的控制流语句的知识点
2015/04/14 Python
浅谈python字符串方法的简单使用
2016/07/18 Python
Django接受前端数据的几种方法总结
2016/11/04 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
Python如何重新加载模块
2020/07/29 Python
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
英国家电直销:Appliances Direct
2016/09/22 全球购物
大学生专科毕业生自我评价
2013/11/17 职场文书
班组长安全生产职责
2013/12/16 职场文书
项目副经理岗位职责
2013/12/30 职场文书
大学军训感言
2014/01/10 职场文书
基层工作经历证明
2014/01/13 职场文书
厂长岗位职责
2014/02/19 职场文书
大学生个人自荐信
2014/02/24 职场文书
竞选班干部演讲稿
2014/04/24 职场文书
校运会口号
2014/06/18 职场文书
作风转变年心得体会
2014/10/22 职场文书
2015年卫生院健康教育工作总结
2015/07/24 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis