Vue. js Tour - Vue.js Feed #.\n\nVueJS Tour is a light-weight, straightforward as well as customizable tour plugin.\nIt offers a quick and also easy method to guide your consumers by means of your application.\n\n\nRequirements.\nSetup.\nThis area is going to lead you through the procedure of installing VueJS Tour.\nAction 1: Visit your venture listing and set up VueJS Scenic tour using npm:.\ncd my-project.\nnpm install @globalhive\/ vuejs-tour.\nMeasure 2: Bring in the plugin in your app entrance idea (generally main.js):.\nimport createApp from \"vue\".\nbring in App coming 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. position(\"

app").Everything prepares! Currently you can utilize VueJS Excursion in your application.Make sure to have a look at the paperwork for additional information.Produce a tour.Incorporate the VueJS Trip element throughout your application. It is actually encouraged to add it to App.vue.as well as generate the needed steps making use of.Begin the excursion.To begin the excursion, you can easily make use of the autoStart uphold ...Decided on by its own id 'selectByID'.Telected by its training class 'selectByClass'.Decided on by the 'data-step=" 3"' feature.
... or even call the startTour() procedure on the element instance.Selected by its own i.d. 'selectByID'.Telected by its class 'selectByClass'.Chosen due to the 'data-step=" 3"' characteristic.
The target property of the action focus could be any legitimate CSS selector.Information.For more information concerning the readily available props and methods, take a look at the paperwork.