Vue JS call a function on load Example

By Hardik Savani | June 21, 2019 | | 2317 Viewer | Category : Vue.JS


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...



***Do you want me hire for your Project Work? Then Contact US.

Tags :

Example Vue.JS

We are Recommending you: