Mouse hover display page load time
In this Vue.js tutorial, we will encounter new create. The Vue.js hover effect in your application use v-bind in the HTML tag. The v-bind attribute work in a page to give hover effect on elements of pages.
Here v-blind attribute you are called a guide looking at Vue JS. In this tutorial, I will display you a hover effect on a text element. When you hover the mouse pointer on the text elements then, it will display you the page load time and date.
Follow the example:
<script src="https://unpkg.com/vue"></script> <div id="app"> <p>{{ message }}</p> </div> <div id="app-2"> <span v-bind:title="message"> Mouse over here </span> </div> <script type="text/javascript"> new Vue({ el: '#app', data: { message: 'Welcome Vue.js!' } }); new Vue({ el: '#app-2', data: { message: 'You loaded this page on ' + new Date().toLocaleString() } }); </script>
You can use different types of an attribute in the Vue.js project and you know that Vue accesses other framework libraries so, it will help to use Vue.js. Vue Js is very easy to use in Laravel Framework.
Related posts