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中通过render函数给子组件设置ref操作
Nov 17 Vue.js
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
Vue中inheritAttrs的使用实例详解
Dec 31 Vue.js
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
vue实现禁止浏览器记住密码功能的示例代码
Feb 03 Vue.js
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 Vue.js
vue实现可移动的悬浮按钮
Mar 04 Vue.js
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
vue项目两种方式实现竖向表格的思路分析
Apr 28 Vue.js
原生JS封装vue Tab切换效果
Apr 28 Vue.js
详解Vue中$props、$attrs和$listeners的使用方法
Feb 18 Vue.js
关于Vue中的options选项
Mar 22 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
php 数组的指针操作实现代码
2011/02/08 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
PHP操作Redis数据库常用方法示例
2018/08/25 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
ExtJS 2.0实用简明教程 之Ext类库简介
2009/04/29 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
jquery中checkbox全选失效的解决方法
2014/12/26 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
超简单的Vue.js环境搭建教程
2017/03/17 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
JavaScript实现一个简易的计算器实例代码
2018/05/10 Javascript
vue webpack重写cookie路径的方法
2019/07/10 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
2020/02/25 Javascript
使用原生JS实现滚轮翻页效果的示例代码
2020/05/31 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
python处理中文编码和判断编码示例
2014/02/26 Python
python常规方法实现数组的全排列
2015/03/17 Python
Python管理Windows服务小脚本
2018/03/12 Python
Python3导入自定义模块的三种方法详解
2018/04/13 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
HTML5新增属性data-*和js/jquery之间的交互及注意事项
2017/08/08 HTML / CSS
教师自我评价范文
2013/12/16 职场文书
小型女装店的创业计划书
2014/01/09 职场文书
《母鸡》教学反思
2014/02/25 职场文书
委托培训协议书
2014/11/17 职场文书
北京青年观后感
2015/06/15 职场文书
Python os和os.path模块详情
2022/04/02 Python
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技