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+penlayers实现多边形绘制及展示
Dec 24 Vue.js
vue中watch的用法汇总
Dec 28 Vue.js
解决vue使用vant轮播组件swipe + flex时文字抖动问题
Jan 07 Vue.js
vue-cli中实现响应式布局的方法
Mar 02 Vue.js
vue打开新窗口并实现传参的图文实例
Mar 04 Vue.js
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
Vue如何实现组件间通信
May 15 Vue.js
Vue中foreach数组与js中遍历数组的写法说明
Jun 05 Vue.js
Vue3.0 手写放大镜效果
Jul 25 Vue.js
vue-cil之axios的二次封装与proxy反向代理使用说明
Apr 07 Vue.js
vue实现可以快进后退的跑马灯组件
Apr 08 Vue.js
Vue Element plus使用方法梳理
Dec 24 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(7) php 字符串相关应用
2010/03/05 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
PHP实现抓取HTTPS内容
2014/12/01 PHP
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
js输出列表实现代码
2010/09/12 Javascript
javascript 通用loading动画效果实例代码
2014/01/14 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
JavaScript简介
2015/02/15 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
2015/04/16 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
iview给radio按钮组件加点击事件的实例
2017/09/30 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
在vue中动态添加class类进行显示隐藏实例
2019/11/09 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
Python 判断是否为质数或素数的实例
2017/10/30 Python
python 输出所有大小写字母的方法
2019/01/02 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
意大利综合购物网站:Giordano Shop
2016/10/21 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
几道数据库的面试题或笔试题
2014/05/31 面试题
销售行业个人求职自荐信
2013/09/25 职场文书
行政助理的职责
2013/11/14 职场文书
工作表现自我评价
2014/02/08 职场文书
群教个人对照检查材料
2014/08/20 职场文书
单位委托书怎么写
2014/09/21 职场文书