Vue JS call a function on load Example

Vue JS call a function on load Example


tutorials -

If you want to call a function on page load in vue js then in this example i will show you how to trigger function on page load in vue js. we will run function on page load vue application.

we mostly require to call method on page load in our application. so you want to call function in vue.js app then you can do it using created option in vue js. So i will give full example so you can check it out.

Example:

<!DOCTYPE html>

<html>

<head>

<title>Vue JS call function on load Example - ItSolutionStuff.com</title>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

</head>

<body>

<div id="app">

{{ message }}

</div>

<script type="text/javascript">

var app = new Vue({

el: '#app',

data: {

message: 'Hello Vue!'

},

methods:{

myFunctionOnLoad: function() {

console.log('call on load...');

}

},

created: function(){

this.myFunctionOnLoad()

}

})

</script>

</body>

</html>

I hope it can help you...

Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff