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 通过base64实现图片下载功能
Dec 19 Vue.js
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
Vue看了就会的8个小技巧
Jan 21 Vue.js
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
vue Element-ui表格实现树形结构表格
Jun 07 Vue.js
Vue实现导入Excel功能步骤详解
Jul 03 Vue.js
Vue3.0 手写放大镜效果
Jul 25 Vue.js
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
vue中div禁止点击事件的实现
Apr 02 Vue.js
Vue.Draggable实现交换位置
Apr 07 Vue.js
vue elementUI表格控制对应列
Apr 13 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中usort在值相同时改变原始位置问题的解决方法
2011/11/27 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
PHP用户验证和标签推荐的简单使用
2016/10/31 PHP
Javascript 面向对象特性
2009/12/28 Javascript
jQuery Flash/MP3/Video多媒体插件
2010/01/18 Javascript
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
javascript中FOREACH数组方法使用示例
2016/03/01 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
Bootstrap基本组件学习笔记之进度条(15)
2016/12/08 Javascript
JavaScript中利用for循环遍历数组
2017/01/15 Javascript
js选项卡的制作方法
2017/01/23 Javascript
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
200行代码实现blockchain 区块链实例详解
2018/03/14 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
微信小程序实现张图片合成为一张并下载
2019/07/16 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
Python生成随机数组的方法小结
2017/04/15 Python
理论讲解python多进程并发编程
2018/02/09 Python
python版本的仿windows计划任务工具
2018/04/30 Python
Python实现爬虫从网络上下载文档的实例代码
2018/06/13 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
python通过链接抓取网站详解
2019/11/20 Python
python加载自定义词典实例
2019/12/06 Python
使用tensorboard可视化loss和acc的实例
2020/01/21 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
纯css3显示隐藏一个div特效的具体实现
2014/02/10 HTML / CSS
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
医学生职业规划范文
2014/01/05 职场文书
三八活动策划方案
2014/08/17 职场文书
2015年园林绿化工作总结
2015/05/23 职场文书
Python中第三方库Faker的使用详解
2022/04/02 Python