编程 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 elementUI 使用el-select 时 change事件的触发问题

Nov 17 Vue.js

解决vue页面刷新，数据丢失的问题

Nov 24 Vue.js

vue+elementUI动态增加表单项并添加验证的代码详解

Dec 17 Vue.js

基于vue+echarts数据可视化大屏展示的实现

Dec 25 Vue.js

利用Vue实现简易播放器的完整代码

Dec 30 Vue.js

vue 页面跳转的实现方式

Jan 12 Vue.js

vue仿携程轮播图效果(滑动轮播,下方高度自适应)

Feb 11 Vue.js

vue实现拖拽进度条

Mar 01 Vue.js

Vue项目中如何封装axios（统一管理http请求）

May 02 Vue.js

详解Vue中$props、$attrs和$listeners的使用方法

Feb 18 Vue.js

vue3.0 数字翻牌组件的使用方法详解

Apr 20 Vue.js

vue使用watch监听属性变化

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

find(1) list(1) 进销存(1) enumerate(1) greenlet(1) Coroutine(1) Excel(4) pytest(3) gevent(1) csv(4)

You might like

提问的智慧

2006/10/09 PHP

php遍历类中包含的所有元素的方法

2015/05/12 PHP

php文件缓存方法总结

2016/03/16 PHP

php制作基于xml的RSS订阅源功能示例

2017/02/08 PHP

php基于数组函数实现关联表的编辑操作示例

2017/07/04 PHP

PHP简单实现欧拉函数Euler功能示例

2017/11/06 PHP

javascript 命名空间以提高代码重用性

2008/11/13 Javascript

jquery获取input的value问题说明

2010/08/19 Javascript

JQuery 自定义CircleAnimation，Animate方法学习笔记

2011/07/10 Javascript

Jquery获得控件值的三种方法总结

2014/02/13 Javascript

JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)

2015/09/24 Javascript

10 种最常见的 Javascript 错误(频率最高)

2018/02/08 Javascript

Vue触发式全局组件构建的方法

2018/11/28 Javascript

Makefile/cmake/node-gyp中区分判断不同平台的方法

2018/12/18 Javascript

用element的upload组件实现多图片上传和压缩的示例代码

2019/02/12 Javascript

Vue路由前后端设计总结

2019/08/06 Javascript

layui use 定义js外部引用函数的方法

2019/09/26 Javascript

vue项目查看vue版本及cli版本的实现方式

2020/10/24 Javascript

Python使用CMD模块更优雅的运行脚本

2015/05/11 Python

利用标准库fractions模块让Python支持分数类型的方法详解

2017/08/11 Python

python3设计模式之简单工厂模式

2017/10/17 Python

Python 中Django安装和使用教程详解

2019/07/03 Python

Django model update的多种用法介绍

2020/03/28 Python

python编写一个会算账的脚本的示例代码

2020/06/02 Python

Python paramiko使用方法代码汇总

2020/11/20 Python

html标签之Object和EMBED标签详解

2013/07/04 HTML / CSS

戴尔美国官方折扣店：Dell Outlet

2018/02/13 全球购物

.net开发工程师面试题

2014/02/25 面试题

学生自我鉴定范文

2013/10/04 职场文书

店长助理岗位职责

2013/12/13 职场文书

英语感恩演讲稿

2014/01/14 职场文书

工程项目合作意向书

2015/05/08 职场文书

原告离婚代理词

2015/05/23 职场文书

高中物理教学反思

2016/02/19 职场文书

Oracle 数据仓库ETL技术之多表插入语句的示例详解

2021/04/12 Oracle

python实现监听键盘

2021/04/26 Python

vue里使用create, mounted调用方法

目录

使用create,mounted调用方法

我之前有个错误的写法

错误有2

mounted方法和created区别