编程 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项目实现主题切换的多种方法

Nov 26 Vue.js

Vue 实现一个简单的鼠标拖拽滚动效果插件

Dec 10 Vue.js

详解实现vue的数据响应式原理

Jan 20 Vue.js

Vue 事件的$event参数=事件的值案例

Jan 29 Vue.js

如何封装Vue Element的table表格组件

Feb 06 Vue.js

Vue vee-validate插件的简单使用

Jun 22 Vue.js

vue中利用mqtt服务端实现即时通讯的步骤记录

Jul 01 Vue.js

深入讲解Vue中父子组件通信与事件触发

Mar 22 Vue.js

vue-cil之axios的二次封装与proxy反向代理使用说明

Apr 07 Vue.js

如何优化vue打包文件过大

Apr 13 Vue.js

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

Jul 23 Vue.js

Vue深入理解插槽slot的使用

Aug 05 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

Vue3(1) InputStream(1) Vue(10) persistedstate(1) OutputStream(1) Storage(1) axios(1) HashSet集合(1) Set接口(1) vuex(1)

You might like

纯php生成随机密码

2015/10/30 PHP

PHP实现断点续传乱序合并文件的方法

2018/09/06 PHP

Laravel框架实现多个视图共享相同数据的方法详解

2019/07/09 PHP

Extjs学习笔记之二初识Extjs之Form

2010/01/07 Javascript

jquery 学习之二属性文本与值(text,val)

2010/11/25 Javascript

JQuery与JSon实现的无刷新分页代码

2011/09/13 Javascript

浅析Js中的单引号与双引号问题

2013/11/06 Javascript

jquery得到iframe src属性值的方法

2014/09/25 Javascript

浅谈Nodejs观察者模式

2015/10/13 NodeJs

详解JavaScript 中的 replace 方法

2016/01/01 Javascript

7个去伪存真的JavaScript面试题

2016/01/07 Javascript

基于jquery实现表格无刷新分页

2016/01/07 Javascript

jQuery删除节点用法示例(remove方法)

2016/09/08 Javascript

微信小程序 WXDropDownMenu组件详解及实例代码

2016/10/24 Javascript

[原创]javascript typeof id==='string'?document.getElementById(id):id解释

2016/11/02 Javascript

解决bootstrap下拉菜单点击立即隐藏bug的方法

2017/06/13 Javascript

bootstrap基本配置_动力节点Java学院整理

2017/07/14 Javascript

javacript replace 正则取字符串中的值并替换【推荐】

2018/09/13 Javascript

使用vue2.0创建的项目的步骤方法

2018/09/25 Javascript

node.js中express模块创建服务器和http模块客户端发请求

2019/03/06 Javascript

vue父子组件的通信方法(实例详解)

2019/11/10 Javascript

Vuex实现数据共享的方法

2019/12/20 Javascript

node.js通过Sequelize 连接MySQL的方法

2020/12/28 Javascript

Python判断文件或文件夹是否存在的三种方法

2017/07/27 Python

Python Socket实现简单TCP Server/client功能示例

2017/08/05 Python

pandas通过loc生成新的列方法

2018/11/28 Python

详解Python 函数如何重载？

2019/04/23 Python

Jupyter安装链接aconda实现过程图解

2020/11/02 Python

美国高街时尚品牌：OASAP

2016/07/24 全球购物

澳大利亚波希米亚风时尚品牌：Tree of Life

2019/09/15 全球购物

山楂树之恋观后感

2015/06/11 职场文书

幼儿园毕业致辞

2015/07/29 职场文书

解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题

2021/06/08 Python

php 文件上传至OSS及删除远程阿里云OSS文件

2021/07/04 PHP

Mysql事务索引知识汇总

2022/03/17 MySQL

Python之Matplotlib绘制热力图和面积图

2022/04/13 Python

vue里使用create, mounted调用方法

目录

使用create,mounted调用方法

我之前有个错误的写法

错误有2

mounted方法和created区别