编程 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中使用mockjs代码实例

Nov 25 Vue.js

Vue router传递参数并解决刷新页面参数丢失问题

Dec 02 Vue.js

Vue+penlayers实现多边形绘制及展示

Dec 24 Vue.js

vue-resource 拦截器interceptors使用详解

Jan 18 Vue.js

vue中axios封装使用的完整教程

Mar 03 Vue.js

idea编译器vue缩进报错问题场景分析

Jul 04 Vue.js

Vue3.0中Ref与Reactive的区别示例详析

Jul 07 Vue.js

vue实现拖拽交换位置

Apr 07 Vue.js

vue中的可拖拽宽度div的实现示例

Apr 08 Vue.js

vue3语法糖内的defineProps及defineEmits

Apr 14 Vue.js

使用vuex-persistedstate本地存储vuex

Apr 29 Vue.js

Vue 打包后相对路径的引用问题

Jun 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

S-2000(1) 温控(1) 微信(2) 增删查改(1) 小喇叭(1) IC-R9500(1) 外键(1) 克隆(1) 小喇叭开始广播了(1) 脏读(2)

You might like

JS 网站性能优化笔记

2011/05/24 PHP

php实现图片文件与下载文件防盗链的方法

2014/11/03 PHP

是 WordPress 让 PHP 更流行了而不是框架

2016/02/03 PHP

PHP多线程模拟实现秒杀抢单

2018/02/07 PHP

PHP超全局变量实现原理及代码解析

2020/09/01 PHP

javascript 使td内容不换行不撑开

2012/11/29 Javascript

js调用浏览器打印模块实现点击按钮触发自定义函数

2014/03/21 Javascript

实用框架(iframe)操作代码

2014/10/23 Javascript

JS+CSS实现模仿浏览器网页字符查找功能的方法

2015/02/26 Javascript

jquery实现实时改变网页字体大小、字体背景色和颜色的方法

2015/08/05 Javascript

javascript:void(0)点击登录没反应怎么解决

2015/11/13 Javascript

JavaScript提高网站性能优化的建议(二)

2016/07/24 Javascript

如何使用jquery实现文字上下滚动效果

2016/10/12 Javascript

原生JavaScript实现AJAX、JSONP

2017/02/07 Javascript

websocket+node.js实现实时聊天系统问题咨询

2017/05/17 Javascript

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

2017/10/26 Javascript

vue-cli2 构建速度优化的实现方法

2019/01/08 Javascript

vue简单练习桌面时钟的实现代码实例

2019/09/19 Javascript

AntV F2和vue-cli构建移动端可视化视图过程详解

2019/10/08 Javascript

详解Python with/as使用说明

2018/12/13 Python

PyQt5实现简易计算器

2020/05/30 Python

Django框架模板用法入门教程

2019/11/04 Python

Python操作Jira库常用方法解析

2020/04/10 Python

python3 中使用urllib问题以及urllib详解

2020/08/03 Python

美国摄影爱好者购物网站：Focus Camera

2016/10/21 全球购物

eDreams德国：南欧领先的在线旅游公司

2020/12/07 全球购物

Yahoo-PHP面试题1

2016/07/20 面试题

给海归自荐信的建议

2013/12/13 职场文书

安全生产投入制度

2014/01/29 职场文书

大学学习计划书范文

2014/05/02 职场文书

法律顾问服务方案

2014/05/15 职场文书

平安家庭示范户事迹

2014/06/02 职场文书

医院领导班子四风问题对照检查材料

2014/10/26 职场文书

2014年污水处理厂工作总结

2014/12/19 职场文书

外科护士长工作总结

2015/08/12 职场文书

导游词之四川熊猫基地

2020/01/13 职场文书

vue里使用create, mounted调用方法

目录

使用create,mounted调用方法

我之前有个错误的写法

错误有2

mounted方法和created区别