对vue里函数的调用顺序介绍
更新时间：2018年03月17日 13:50:49 作者：鹿目圆
下面小编就为大家分享一篇对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里函数的调用顺序介绍就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了vue前端导出多级表头的excel表的示例代码,可以使用xlsx库来创建Excel文件,下面就来具体介绍一下,感兴趣的可以了解一下2024-06-06
Ubuntu22.04使用nginx部署vue前端项目的详细教程
这篇文章主要给大家介绍了关于Ubuntu22.04使用nginx部署vue前端项目的详细教程,使用nginx部署前端项目是一篇非常详细的教程,旨在帮助初学者使用Nginx来部署前端项目,需要的朋友可以参考下2024-03-03
store是一个状态管理工具(vueX中只有唯一 一个store),下面这篇文章主要给大家介绍了关于Vuex拿到state中数据的3种方式与实例剖析的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
我们开发后台管理系统过程中，会由不同的人操作系统，有admin（管理员）、superAdmin(超管)，及各种运营、财务人员。为了区别这些人员，会给不同的人分配不一样的角色来展示不同的菜单，这就必须要通过动态路由来实现。下面就来介绍vue实现动态路由,需要的朋友可参考一下2021-10-10
这篇文章主要介绍了详解mpvue实现对苹果X安全区域的适配，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
本文主要介绍了Vue3 style CSS 变量注入的实现，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧2021-07-07
Vue封装组件利器之$attrs、$listeners的使用
vue通信手段有很多种,props/emit、vuex、event bus、provide/inject等,还有一种通信方式,那就是$attrs和$listeners,下面这篇文章主要给大家介绍了关于Vue封装组件利器之$attrs、$listeners使用的相关资料,需要的朋友可以参考下2021-12-12
这篇文章主要介绍了Vue-cli3多页面配置详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
这篇文章主要介绍了vue this.$toast 失效问题汇总,本文给大家分享完美解决方案，感兴趣的朋友跟随小编一起看看吧2024-03-03
这篇文章主要介绍了nuxt框架中对vuex进行模块化设置的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
最新评论