Vue. js Scenic tour - Vue.js Feed #.\n\nVueJS Trip is actually a lightweight, straightforward as well as customizable scenic tour plugin.\nIt delivers an easy and very easy way to guide your customers by means of your application.\n\n\nPrerequisites.\nSetup.\nThis area will certainly guide you through the process of putting in VueJS Trip.\nAction 1: Most likely to your project directory site and also put up VueJS Tour making use of npm:.\ncd my-project.\nnpm put up @globalhive\/ vuejs-tour.\nStep 2: Import the plugin in your application entry idea (commonly main.js):.\nbring in createApp coming from \"vue\".\nbring in Application from \".\/ App.vue\".\nbring in VueJsTour coming from '@globalhive\/ vuejs-tour'.\nbring in '@globalhive\/ vuejs-tour\/dist\/style. css'.\n\nconst app = createApp( App)\n. usage( VueJsTour)\n. mount(\"

app").Every thing prepares! Now you can use VueJS Scenic tour in your application.Make sure to look into the documentation for more details.Create a tour.Incorporate the VueJS Trip element anywhere in your application. It is actually recommended to include it to App.vue.and generate the required actions making use of.Start the tour.To start the scenic tour, you can easily use the autoStart prop ...Chosen through its i.d. 'selectByID'.Telected through its own lesson 'selectByClass'.Decided on by the 'data-step=" 3"' attribute.
... or name the startTour() technique on the element case.Picked by its i.d. 'selectByID'.Telected by its training class 'selectByClass'.Picked due to the 'data-step=" 3"' characteristic.
The aim at property of the measure target may be any type of legitimate CSS selector.Documentation.To find out more regarding the available props as well as procedures, take a look at the information.