对vue里函数的调用顺序介绍

这篇文章主要为大家详细介绍了对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() 
} 
}

以上这篇对vue里函数的调用顺序介绍就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5099-0.html

注：关于对vue里函数的调用顺序介绍的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js