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

目录

  • 使用create,mounted调用方法
    • 我之前有个错误的写法
    • 错误有2
  • created方法和mounted的区别
    【vue里使用create|vue里使用create,mounted调用方法的正确姿势说明】
    使用create,mounted调用方法 首先:

    我之前有个错误的写法
    vue里使用create|vue里使用create,mounted调用方法的正确姿势说明
    文章图片

    vue里使用create|vue里使用create,mounted调用方法的正确姿势说明
    文章图片


    错误有2
    1,我一直以为在created里定义方法然后使用,其实这里的getCustomerInfo只是调用
    2,所有的方法都应该在methods里定义,然后在created或者mounted里 使用this调用方法,用这种方式实现初始化
    正确写法:
    vue里使用create|vue里使用create,mounted调用方法的正确姿势说明
    文章图片

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

    created方法和mounted的区别
    • created方法是在初始化页面之前对dom的操作。
    • mounted方法是在初始化页面之后对dom的操作。
    那么为什么要有这个区分哪?
    有些需求就是要在页面加载之后才能请求到的,比如id,js中用document.getElementById("")
    以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

      推荐阅读