编程 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+iview分页组件的封装

Nov 17 Vue.js

vue3.0实现点击切换验证码(组件)及校验

Nov 18 Vue.js

vue自定义插件封装，实现简易的elementUi的Message和MessageBox的示例

Nov 20 Vue.js

vue祖孙组件之间的数据传递案例

Dec 07 Vue.js

vue-router路由懒加载及实现的3种方式

Feb 28 Vue.js

vue 使用饿了么UI仿写teambition的筛选功能

Mar 01 Vue.js

Vue-router编程式导航的两种实现代码

Mar 04 Vue.js

vue引入Excel表格插件的方法

Apr 28 Vue.js

如何理解Vue简单状态管理之store模式

May 15 Vue.js

vue ref如何获取子组件属性值

Mar 31 Vue.js

解决vue-router的beforeRouteUpdate不能触发

Apr 14 Vue.js

vue如何清除浏览器历史栈

May 25 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

匹配文本(1) SFTP(3) flex(1) 柱状图(1) flex-shrink(1) Pytesseract(1) 文字识别(1) 追加文本(1) 验证码(1) GNN(1)

You might like

js中的escape及unescape函数的php实现代码

2007/09/04 Javascript

学习ExtJS（二） Button常用方法

2009/10/07 Javascript

默认让页面的第一个控件选中的javascript代码

2009/12/26 Javascript

javascript之Partial Application学习

2013/01/10 Javascript

jquery获取被勾选的checked(选中)的那一行的3列和4列的值

2013/07/04 Javascript

浅谈关于JavaScript API设计的一些建议和准则

2015/06/24 Javascript

jquery实现的蓝色二级导航条效果代码

2015/08/24 Javascript

JS实现可自定义大小，可双击关闭的弹出层效果

2015/10/16 Javascript

Node.js中使用socket创建私聊和公聊聊天室

2015/11/19 Javascript

JS模拟的Map类实现方法

2016/06/17 Javascript

Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用

2017/05/10 Javascript

Express使用html模板的详细代码

2017/09/18 Javascript

详解基于vue的服务端渲染框架NUXT

2018/06/20 Javascript

JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析

2018/08/25 Javascript

详解基于electron制作一个node压缩图片的桌面应用

2019/01/29 Javascript

node.js实现带进度条的多文件上传

2020/03/27 Javascript

[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场

2018/04/10 DOTA

Python实现保证只能运行一个脚本实例

2015/06/24 Python

深入解析Python编程中JSON模块的使用

2015/10/15 Python

Python探索之Metaclass初步了解

2017/10/28 Python

python使用folium库绘制地图点击框

2018/09/21 Python

python采集微信公众号文章

2018/12/20 Python

python ipset管理增删白名单的方法

2019/01/14 Python

使用Python paramiko模块利用多线程实现ssh并发执行操作

2019/12/05 Python

python实现读取类别频数数据画水平条形图案例

2020/04/24 Python

python seaborn heatmap可视化相关性矩阵实例

2020/06/03 Python

实列教程一款基于jquery和css3的响应式二级导航菜单

2014/11/13 HTML / CSS

html5是什么_动力节点Java学院整理

2017/07/07 HTML / CSS

canvas学习和滤镜实现代码

2018/08/22 HTML / CSS

欧舒丹澳洲版：L’OCCITANE

2017/07/17 全球购物

SQL数据库笔试题

2016/03/08 面试题

秋天的怀念教学反思

2014/04/28 职场文书

物业保安辞职信

2015/05/12 职场文书

工作时间证明

2015/06/15 职场文书

刘胡兰观后感

2015/06/16 职场文书

详解Mysq MVCC多版本的并发控制

2022/04/29 MySQL

vue里使用create, mounted调用方法

目录

使用create,mounted调用方法

我之前有个错误的写法

错误有2

mounted方法和created区别