vue里使用create, mounted调用方法


Posted in Vue.js onApril 26, 2022

使用create,mounted调用方法

首先:

我之前有个错误的写法

vue里使用create, mounted调用方法

vue里使用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("")


Tags in this post...

Vue.js 相关文章推荐
vue 插槽简介及使用示例
Nov 19 Vue.js
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 Vue.js
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
在vue项目中封装echarts的步骤
Dec 25 Vue.js
如何在vue-cli中使用css-loader实现css module
Jan 07 Vue.js
vue form表单post请求结合Servlet实现文件上传功能
Jan 22 Vue.js
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
vue-element-admin项目导入和导出的实现
May 21 Vue.js
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 Vue.js
vue代码分块和懒加载非必要资源文件
Apr 11 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
You might like
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
php银联网页支付实现方法
2015/03/04 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
DOM基础教程之使用DOM控制表格
2015/01/20 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
2015/03/17 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
2015/12/10 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
2016/03/07 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
详解基于vue-cli优化的webpack配置
2017/11/06 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
python处理json数据中的中文
2014/03/06 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
Python enumerate函数遍历数据对象组合过程解析
2019/12/11 Python
django框架两个使用模板实例
2019/12/11 Python
广告词串烧
2014/03/19 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
怎样写离婚协议书
2014/09/10 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL