Vue. js Tour - Vue.js Nourished #.\n\nVueJS Trip is actually a lightweight, basic as well as personalized tour plugin.\nIt gives a fast as well as easy technique to help your individuals with your application.\n\n\nPrerequisites.\nInstallation.\nThis part will help you through the process of setting up VueJS Trip.\nStep 1: Most likely to your task directory as well as put in VueJS Tour using npm:.\ncd my-project.\nnpm put up @globalhive\/ vuejs-tour.\nAction 2: Import the plugin in your function entrance point (normally main.js):.\nbring in createApp from \"vue\".\nbring in Application coming from \".\/ App.vue\".\nbring in VueJsTour coming from '@globalhive\/ vuejs-tour'.\nimport '@globalhive\/ vuejs-tour\/dist\/style. css'.\n\nconst application = createApp( App)\n. usage( VueJsTour)\n. position(\"

app").Every little thing prepares! Currently you may make use of VueJS Tour in your application.Make sure to take a look at the paperwork for additional information.Develop an excursion.Include the VueJS Trip component anywhere in your application. It is actually encouraged to add it to App.vue.and make the necessary steps utilizing.Start the scenic tour.To start the trip, you can easily use the autoStart prop ...Chosen by its i.d. 'selectByID'.Telected through its lesson 'selectByClass'.Selected due to the 'data-step=" 3"' attribute.
... or refer to as the startTour() procedure on the element instance.Selected by its id 'selectByID'.Telected through its own class 'selectByClass'.Chosen due to the 'data-step=" 3"' feature.
The target property of the step focus may be any kind of legitimate CSS selector.Documentation.For more information concerning the available props and also techniques, take a look at the records.