vue里使用create,mounted调用方法的正确姿势说明

2022-10-14,

这篇文章主要介绍了vue里使用create,mounted调用方法的正确姿势,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

目录
  • 使用create,mounted调用方法
    • 我之前有个错误的写法
    • 错误有2
  • created方法和mounted的区别

    使用create,mounted调用方法

    首先:

    我之前有个错误的写法

    错误有2

    1,我一直以为在created里定义方法然后使用,其实这里的getCustomerInfo只是调用

    2,所有的方法都应该在methods里定义,然后在created或者mounted里 使用this调用方法,用这种方式实现初始化

    正确写法:

    这样,页面开始会初始化信息,修改信息后会执行getCustomerInfo()方法刷新数据,这样更简洁有效的实现了刷新功能。

    created方法和mounted的区别

    • created方法是在初始化页面之前对dom的操作。
    • mounted方法是在初始化页面之后对dom的操作。

    那么为什么要有这个区分哪?

    有些需求就是要在页面加载之后才能请求到的,比如id,js中用document.getElementById("")

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持北冥有鱼。

    您可能感兴趣的文章:

    • vue.js页面加载执行created,mounted的先后顺序说明
    • vue created钩子函数与mounted钩子函数的用法区别
    • 谈一谈vue请求数据放在created好还是mounted里好
    • 在vue中created、mounted等方法使用小结
    • vue 路由子组件created和mounted不起作用的解决方法
    • vue中created和mounted的区别浅析
    • Vue实例中生命周期created和mounted的区别详解

    《vue里使用create,mounted调用方法的正确姿势说明.doc》

    下载本文的Word格式文档,以方便收藏与打印。