vue里使用create, mounted调用方法


Posted in Vue.js onApril 26, 2022

使用create,mounted调用方法

首先:

我之前有个错误的写法

vue里使用create, mounted调用方法

vue里使用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("")


Tags in this post...

Vue.js 相关文章推荐
vue打开其他项目页面并传入数据详解
Nov 25 Vue.js
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
vue添加自定义右键菜单的完整实例
Dec 08 Vue.js
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
Vue.extend 登录注册模态框的实现
Dec 29 Vue.js
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
vue如何清除浏览器历史栈
May 25 Vue.js
vue router 动态路由清除方式
May 25 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
You might like
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
ThinkPHP之N方法实例详解
2014/06/20 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
浅谈PHP进程管理
2019/03/08 PHP
jQuery hover 延时器实现代码
2011/03/12 Javascript
js实现日期级联效果
2014/01/23 Javascript
JS实现简单的顶部定时关闭层效果
2014/06/15 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
拖动时防止选中
2017/02/03 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
微信小程序图片宽100%显示并且不变形
2017/06/21 Javascript
angular json对象push到数组中的方法
2018/02/27 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
理解Python中的类与实例
2015/04/27 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
Python unittest单元测试框架总结
2018/09/08 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
python中安装django模块的方法
2020/03/12 Python
django正续或者倒序查库实例
2020/05/19 Python
Python用SSH连接到网络设备
2021/02/18 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
浅谈cookie和localStorage那些事
2019/08/27 HTML / CSS
中国网上药店领导者:1药网
2017/02/16 全球购物
2019年.net常见面试问题
2012/02/12 面试题
《长城和运河》教学反思
2014/04/14 职场文书
促销活动总结怎么写
2014/06/25 职场文书
运动会广播稿200字
2015/08/19 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
如何打开Win11系统注册表编辑器?Win11注册表编辑器打开修复方法
2022/04/05 数码科技
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server