How to have a Onload event with Vuejs - specifically how to put the script in the method and the way to get a call in the html

Question

export default {

    methods: {
    hotbod() { document.querySelector("body")},

    doStuff() {
      hotbod.className += " animate";
    },


    window:onload = function() {
      doStuff();
    },
      },
    }

Above is the code, that I think has some errors in it - and for some reason I cannot get the javascript to work (On page load, there are CSS that gets loaded).

Answer 1

To launch a component method on the window's load, simply add the load listener in your mounted() hook. For example:

mounted(){
    window.addEventListener("load", () => this.processLoad());
}