Rumah  >  Artikel  >  hujung hadapan web  >  vue里函数的调用顺序详解

vue里函数的调用顺序详解

小云云
小云云asal
2018-03-19 10:51:362279semak imbas

本文主要为大家分享一篇对vue里函数的调用顺序介绍,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。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() 
} 
}

相关推荐:

php递归函数的调用讲解

Javascript中匿名函数的调用方法介绍

JavaScript中函数的调用

Atas ialah kandungan terperinci vue里函数的调用顺序详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:vue2.0动态组件及render详解Artikel seterusnya:flex布局的使用