编程 Javascript Vue.js

vue里使用create, mounted调用方法

Posted in Vue.js onApril 26, 2022

使用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(""）

vue里使用create, mounted调用方法

- Author -

Honins

- Original Sources -

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Tags in this post...

Vue.js 相关文章推荐

vue监听滚动事件的方法

Dec 21 Vue.js

vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能

Jan 13 Vue.js

vue keep-alive的简单总结

Jan 25 Vue.js

手动实现vue2.0的双向数据绑定原理详解

Feb 06 Vue.js

vue项目两种方式实现竖向表格的思路分析

Apr 28 Vue.js

vue2实现provide inject传递响应式

May 21 Vue.js

Vue2.0搭建脚手架

Mar 13 Vue.js

vue中的可拖拽宽度div的实现示例

Apr 08 Vue.js

vue elementUI表格控制对应列

Apr 13 Vue.js

Vue Mint UI mt-swipe的使用方式

Jun 05 Vue.js

vue3 自定义图片放大器效果的示例代码

Jul 23 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

explain(2) 西索(1) 帝国时代(1) 城市猎人(1) Docker(14) 最终幻想(1) 守望先锋(1) 巫师(1) AngularJS(2) 波段(1)

You might like

索尼SONY ICF-7600A(W)电路分析

2021/03/01 无线电

php函数的常用方法及注意之处小结

2011/07/10 PHP

深入eAccelerator与memcached的区别详解

2013/06/06 PHP

PHP性能分析工具XHProf安装使用教程

2015/05/13 PHP

PHP读书笔记_运算符详解

2016/07/01 PHP

laravel ORM 只开启created_at的几种方法总结

2018/01/29 PHP

php多进程应用场景实例详解

2019/07/22 PHP

让广告代码不再影响你的网页加载速度

2006/07/07 Javascript

Gird事件机制初级读本

2007/03/10 Javascript

不同Jquery版本引发的问题解决

2013/10/14 Javascript

JQuery获取或设置ckeditor的数据(示例代码)

2013/11/15 Javascript

JS实现从连接中获取youtube的key实例

2015/07/02 Javascript

JavaScript队列的应用实例详解【经典数据结构】

2017/04/12 Javascript

JS实现的随机排序功能算法示例

2017/06/09 Javascript

这样回答继承可能面试官更满意

2019/12/10 Javascript

Nuxt默认模板、默认布局和自定义错误页面的实现

2020/05/11 Javascript

[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2

2018/06/03 DOTA

python使用pil生成图片验证码的方法

2015/05/08 Python

Python 数据处理库 pandas进阶教程

2018/04/21 Python

对python的unittest架构公共参数token提取方法详解

2018/12/17 Python

获取Pytorch中间某一层权重或者特征的例子

2019/08/17 Python

Python中输入和输出（打印）数据实例方法

2019/10/13 Python

代码总结Python2 和 Python3 字符串的区别

2020/01/28 Python

Python定时任务框架APScheduler原理及常用代码

2020/10/05 Python

美国家具网站：Cymax

2016/09/17 全球购物

美国五金商店：Ace Hardware

2018/03/27 全球购物

预订旅游活动、景点和旅游：GetYourGuide

2019/09/29 全球购物

印度手工编织服装和家居用品商店：Fabindi

2019/10/07 全球购物

党校培训自我鉴定

2014/02/01 职场文书

贺卡寄语大全

2014/04/11 职场文书

中职毕业生自我鉴定范文（3篇）

2014/09/28 职场文书

教育合作协议范本

2014/10/17 职场文书

民主评议党员登记表自我评价

2014/10/20 职场文书

2019年教师入党申请书

2019/06/27 职场文书

动画「进击的巨人」第86话播出感谢绘公开

2022/03/21 日漫

Spring JPA 增加字段执行异常问题及解决

2022/06/10 Java/Android

vue里使用create, mounted调用方法

目录

使用create,mounted调用方法

我之前有个错误的写法

错误有2

mounted方法和created区别