编程 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项目设置resolves.alias: '@'路径并适配webstorm

Dec 02 Vue.js

vue+element_ui上传文件,并传递额外参数操作

Dec 05 Vue.js

vue+openlayers绘制省市边界线

Dec 24 Vue.js

Vue中inheritAttrs的使用实例详解

Dec 31 Vue.js

vue+elementui通用弹窗的实现(新增+编辑)

Jan 07 Vue.js

vue-quill-editor插入图片路径太长问题解决方法

Jan 08 Vue.js

vue使用transition组件动画效果的实例代码

Jan 28 Vue.js

vue实现简单数据双向绑定

Apr 28 Vue.js

vue实现可拖拽的dialog弹框

May 13 Vue.js

vue-element-admin项目导入和导出的实现

May 21 Vue.js

Vue中Object.assign清空数据报错的解决方案

Mar 03 Vue.js

vue route新窗口跳转页面并且携带与接收参数

Apr 10 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

.NET面试题(131) LINUX面试题(83) 冰岛购物网站(1) JAVA面试题(401) C#面试题(90) C++面试题(199) PHP面试题(54) DB面试题(126) Android面试题(6) 网络工程师面试题(96)

You might like

PHP实现搜索地理位置及计算两点地理位置间距离的实例

2016/01/08 PHP

浅谈PHP5.6 与 PHP7.0 区别

2019/10/09 PHP

CI框架简单分页类用法示例

2020/06/06 PHP

比较全的JS checkbox全选、取消全选、删除功能代码

2008/12/19 Javascript

javascript Math.random()随机数函数

2009/11/04 Javascript

13个绚丽的Jquery 界面设计网站推荐

2010/09/28 Javascript

jquery 查找select ,并触发事件的实现代码

2011/03/30 Javascript

动态的创建一个元素createElement及删除一个元素

2014/01/24 Javascript

html的DOM中document对象forms集合用法实例

2015/01/21 Javascript

javascript实现点击商品列表checkbox实时统计金额的方法

2015/05/15 Javascript

javascript父子页面通讯实例详解

2015/07/17 Javascript

jQuery通过ajax快速批量提交表单数据

2016/10/25 Javascript

详解A标签中href=""的几种用法

2017/08/20 Javascript

vue2.0在table中实现全选和反选的示例代码

2017/11/04 Javascript

JS实现统计字符串中字符出现个数及最大个数功能示例

2018/06/04 Javascript

JavaScript中toLocaleString()和toString()的区别实例分析

2018/08/14 Javascript

JavaScript实现飞舞的泡泡效果

2020/02/07 Javascript

采用python实现简单QQ单用户机器人的方法

2014/07/03 Python

教你用Python创建微信聊天机器人

2020/03/31 Python

django2+uwsgi+nginx上线部署到服务器Ubuntu16.04

2018/06/26 Python

PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例

2019/06/19 Python

python防止随意修改类属性的实现方法

2019/08/21 Python

关于Python turtle库使用时坐标的确定方法

2020/03/19 Python

浅谈keras 的抽象后端(from keras import backend as K)

2020/06/16 Python

Python项目打包成二进制的方法

2020/12/30 Python

英国高街品牌：Miss Selfridge（塞尔弗里奇小姐）

2016/09/21 全球购物

求职简历的自我评价怎样写好

2013/10/07 职场文书

电子商务专业个人的自我评价

2013/11/19 职场文书

酒店实习个人鉴定

2013/12/07 职场文书

企划主管岗位职责

2013/12/12 职场文书

运动会通讯稿50字

2014/01/30 职场文书

社团招新策划书

2014/02/04 职场文书

聚美优品恶搞广告词

2014/03/14 职场文书

幼儿园小班家长寄语

2014/04/02 职场文书

捐助贫困学生倡议书

2014/05/16 职场文书

心理健康教育培训研修感言

2015/11/18 职场文书

vue里使用create, mounted调用方法

目录

使用create,mounted调用方法

我之前有个错误的写法

错误有2

mounted方法和created区别