本文详细介绍了Vue.js中函数的调用顺序，包括`created`和`ready`生命周期钩子的使用。`created`在实例创建后立即调用，此时数据绑定已完成但尚未进行DOM编译。`ready`则在DOM编译结束并首次插入文档后触发，适用于非单页应用的数据获取。对于单页应用，推荐在路由生命周期中获取数据。同时提到了`computed`属性的使用以及vue-resource作为ajax库的选择。
下面我就为大家分享一篇对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()
}
}
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
扫一扫
1645
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
