Vue. js Scenic tour - Vue.js Nourished #.\n\nVueJS Trip is a light-weight, straightforward as well as adjustable tour plugin.\nIt offers a fast as well as very easy technique to guide your users by means of your application.\n\n\nPrerequisites.\nInstallment.\nThis section will definitely lead you with the process of putting in VueJS Scenic tour.\nMeasure 1: Most likely to your project listing and also mount VueJS Tour utilizing npm:.\ncd my-project.\nnpm set up @globalhive\/ vuejs-tour.\nMeasure 2: Import the plugin in your app access point (normally main.js):.\nimport createApp coming from \"vue\".\nimport App from \".\/ App.vue\".\nbring in VueJsTour from '@globalhive\/ vuejs-tour'.\nimport '@globalhive\/ vuejs-tour\/dist\/style. css'.\n\nconst application = createApp( Application)\n. make use of( VueJsTour)\n. position(\"

app").Every thing prepares! Right now you can easily make use of VueJS Trip in your application.Make certain to visit the documentation to find out more.Make a tour.Add the VueJS Trip element throughout your application. It is actually highly recommended to incorporate it to App.vue.and also produce the required steps using.Begin the trip.To begin the scenic tour, you can make use of the autoStart prop ...Selected by its id 'selectByID'.Telected through its class 'selectByClass'.Selected due to the 'data-step=" 3"' quality.
... or even refer to as the startTour() method on the part occasion.Picked through its id 'selectByID'.Telected through its own lesson 'selectByClass'.Decided on by the 'data-step=" 3"' attribute.
The aim at building of the step focus may be any kind of authentic CSS selector.Paperwork.For more information regarding the accessible props and also strategies, take a look at the documentation.