vue里使用create,mounted调用方法的正确姿势说明
更新时间：2022年04月26日 15:06:32 作者：Honins
这篇文章主要介绍了vue里使用create,mounted调用方法的正确姿势，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
使用create,mounted调用方法
首先：
我之前有个错误的写法
错误有2
1，我一直以为在created里定义方法然后使用，其实这里的getCustomerInfo只是调用
2，所有的方法都应该在methods里定义，然后在created或者mounted里 使用this调用方法，用这种方式实现初始化
正确写法：
这样，页面开始会初始化信息，修改信息后会执行getCustomerInfo()方法刷新数据，这样更简洁有效的实现了刷新功能。
created方法和mounted的区别
created方法是在初始化页面之前对dom的操作。mounted方法是在初始化页面之后对dom的操作。
那么为什么要有这个区分哪？
有些需求就是要在页面加载之后才能请求到的，比如id，js中用document.getElementById(""）
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在 Vue 3 中,如果你使用 reactive 来定义一个响应式对象,那么这个对象的属性是不能被重新赋值的,因为 reactive 会将对象的属性转换为 getter/setter,这样 Vue 才能追踪到属性的变化,这篇文章主要介绍了vue3 中使用 reactive 的问题,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了仿vue-cli搭建属于自己的脚手架的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了Vue自定义指令中无法获取this的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了elementUI同一页面展示多个Dialog的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
今天小编就为大家分享一篇在vue中使用防抖和节流,防止重复点击或重复上拉加载实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
vant-ui框架的一个bug(解决切换后onload不触发)
这篇文章主要介绍了vant-ui框架的一个bug(解决切换后onload不触发)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要为大家详细介绍了vue中axios的使用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要介绍了Vue2.0实现组件数据的双向绑定问题，非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了vue-cli配置全局sass、less变量的方法，本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue中的slot与slot-scope的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
最新评论