对vue里函数的调用顺序介绍
程序员文章站
2022-06-26 11:16:24
method用来定义方法的,比如你@click=”test”,methods就定义test这个方法
created和ready都是 vue 组件的生命周期
creat...
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里函数的调用顺序介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: 分享几个asp.net开发中的小技巧
下一篇: JS实现将链接生成二维码并转为图片的方法