编程 Javascript Vue.js

vue里使用create, mounted调用方法

Posted in Vue.js onApril 26, 2022

使用create,mounted调用方法

首先：

我之前有个错误的写法

错误有2

1，我一直以为在created里定义方法然后使用，其实这里的getCustomerInfo只是调用

2，所有的方法都应该在methods里定义，然后在created或者mounted里使用this调用方法，用这种方式实现初始化

正确写法：

vue里使用create, mounted调用方法

这样，页面开始会初始化信息，修改信息后会执行getCustomerInfo()方法刷新数据，这样更简洁有效的实现了刷新功能。

mounted方法和created区别

created方法是在初始化页面之前对dom的操作。
mounted方法是在初始化页面之后对dom的操作。

那么为什么要有这个区分哪？

有些需求就是要在页面加载之后才能请求到的，比如id，js中用document.getElementById(""）

vue里使用create, mounted调用方法

- Author -

Honins

- Original Sources -

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Tags in this post...

Vue.js 相关文章推荐

在vue中通过render函数给子组件设置ref操作

Nov 17 Vue.js

Vue实现购物小球抛物线的方法实例

Nov 22 Vue.js

VUE项目实现主题切换的多种方法

Nov 26 Vue.js

vue-router定义元信息meta操作

Dec 07 Vue.js

Vue解决移动端弹窗滚动穿透问题

Dec 15 Vue.js

vuex的使用和简易实现

Jan 07 Vue.js

vue 中this.$set 动态绑定数据的案例讲解

Jan 29 Vue.js

Vue中使用wangeditor富文本编辑的问题

Feb 07 Vue.js

vue3使用vuedraggable实现拖拽功能

Apr 06 Vue.js

vue如何实现关闭对话框后刷新列表

Apr 08 Vue.js

ant design vue的form表单取值方法

Jun 01 Vue.js

vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案

Aug 05 Vue.js

vue elementUI批量上传文件

Apr 26 #Vue.js

vue.js 使用原生js实现轮播图

Apr 26 #Vue.js

如何vue使用el-table遍历循环表头和表体数据

vue 把二维或多维数组转一维数组

Apr 24 #Vue.js

Vue OpenLayer 为地图绘制风场效果

Apr 24 #Vue.js

vue二维数组循环嵌套方式循环数组、循环嵌套数组

vue @click.native 绑定原生点击事件

Apr 22 #Vue.js

Excel(4) gevent(1) 静态压缩(1) Coroutine(1) pytest(3) 正则表达式(3) 信息校验(1) greenlet(1) 自动播放(1) csv(4)

You might like

PHP面向接口编程耦合设计模式简单范例

2011/03/23 PHP

解析thinkphp中的M()与D()方法的区别

2013/06/22 PHP

php过滤html中的其他网站链接的方法(域名白名单功能)

2014/04/24 PHP

Swoole扩展的6种模式深入详解

2021/03/04 PHP

JavaScript 字符串与数组转换函数[不用split与join]

2009/12/13 Javascript

js下利用控制器载入对应脚本

2010/07/17 Javascript

基于jQuery替换table中的内容并显示进度条的代码

2011/08/02 Javascript

jQuery 隐藏和显示 input 默认值示例

2014/06/03 Javascript

使用text方法获取Html元素文本信息示例

2014/09/01 Javascript

浅析JavaScript Array和string的转换(推荐)

2016/05/20 Javascript

jQuery快速高效制作网页交互特效

2017/02/24 Javascript

js+html获取系统当前时间

2017/11/10 Javascript

基于vue 动态加载图片src的解决方法

2018/02/05 Javascript

iview日期控件,双向绑定日期格式的方法

2018/03/15 Javascript

jQuery实现鼠标点击处心形漂浮的炫酷效果示例

2018/04/12 jQuery

微信小程序使用form表单获取输入框数据的实例代码

2018/05/17 Javascript

Vue项目History模式404问题解决方法

2018/10/31 Javascript

一些手写JavaScript常用的函数汇总

2019/04/16 Javascript

微信小程序语音同步智能识别的实现案例代码解析

2020/05/29 Javascript

vue自定义指令和动态路由实现权限控制

2020/08/28 Javascript

ES6字符串的扩展实例

2020/12/21 Javascript

[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅

2014/07/21 DOTA

python实现的文件同步服务器实例

2015/06/02 Python

Python 使用os.remove删除文件夹时报错的解决方法

2017/01/13 Python

Python中装饰器高级用法详解

2017/12/25 Python

Python实现E-Mail收集插件实例教程

2019/02/06 Python

对python中GUI,Label和Button的实例详解

2019/06/27 Python

Python线程协作threading.Condition实现过程解析

2020/03/12 Python

一款利用纯css3实现的360度翻转按钮的实例教程

2014/11/05 HTML / CSS

webView加载html图片遇到的问题解决

2019/10/08 HTML / CSS

美国最便宜的旅游网站：CheapTickets

2017/07/09 全球购物

英国在线购买轮胎、预订汽车、汽车维修和装配网站：Protyre

2020/04/12 全球购物

加拿大品牌鞋包连锁店：Little Burgundy

2021/02/28 全球购物

农村文化活动总结

2014/08/28 职场文书

企业办公室主任岗位职责

2015/04/01 职场文书

Js类的构建与继承案例详解

2021/09/15 Javascript

vue里使用create, mounted调用方法

目录

使用create,mounted调用方法

我之前有个错误的写法

错误有2

mounted方法和created区别