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 相关文章推荐
jenkins自动构建发布vue项目的方法步骤
Jan 04 Vue.js
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 Vue.js
Vuex实现简单购物车
Jan 10 Vue.js
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
如何理解Vue简单状态管理之store模式
May 15 Vue.js
关于Vue中的options选项
Mar 22 Vue.js
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 Vue.js
vue3.0 数字翻牌组件的使用方法详解
Apr 20 Vue.js
vue @click.native 绑定原生点击事件
Apr 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
在DC的漫画和电影中,蝙蝠侠的宿敌,小丑的真名是什么?
2020/04/09 欧美动漫
如何突破PHP程序员的技术瓶颈分析
2011/07/17 PHP
php中将时间差转换为字符串提示的实现代码
2011/08/08 PHP
php PDO异常处理详解
2016/11/20 PHP
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
论JavaScript模块化编程
2016/03/07 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
JQuery 封装 Ajax 常用方法(推荐)
2017/05/21 jQuery
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
2018/03/15 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
python打开文件并获取文件相关属性的方法
2015/04/23 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
Apache部署Django项目图文详解
2019/07/30 Python
PyQt5 界面显示无响应的实现
2020/03/26 Python
逻辑链路控制协议
2016/10/01 面试题
九州传奇上机题
2014/07/10 面试题
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
部队学习十八大感言
2014/01/11 职场文书
医药学专业大学生职业生涯规划书论文
2014/01/21 职场文书
医科大学毕业生自荐信
2014/02/03 职场文书
护理专科自荐书范文
2014/02/18 职场文书
2014年度培训工作总结
2014/11/27 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
Java 死锁解决方案
2022/05/11 Java/Android
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server