<template> <div> <div id="step1">First step</div> <div id="step3">Third step</div> <div><button id="startTour" class="start-tour">Start Tour</button></div> </div> </template> <script> export default { name: 'FirstPage', mounted() { const tour = [ { element: '#step1', title: 'Step 1', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', route: '/first-page', }, { element: '#step2', title: 'Step 2', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', route: '/second-page', }, { element: '#step3', title: 'Step 3', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', route: '/first-page', }, ]; const guide = this.$guideChimp(tour); document.getElementById('startTour').onclick = () => { guide.start(); }; }, }; </script>

<template> <div> <div id="step2">Second step</div> </div> </template> <script> export default { name: 'SecondPage', }; </script>