Adding new page

From Full package if you would like to use any plugin, then you can make use of Starter Kit

Let us assume to use a particular plugin like google maps, then you should add plugin name and version in package.json file. For instance,

Copy this code from full package"vue2-google-maps:0.7.9"paste it in package.json file of starter kit .

Run the below command to get the dependencies from package.json

yarn install

Import as VueGoogleMaps from full package into Starter kit

Then you need to follow below steps.

Route.js:

The routes for the Template are declared in the fileroutes.js. this file is called in themain.jsfile, in the vue instance declaration.

{
path: '/vuegooglemaps',component: resolve =
>
 require(['./components/vuegooglemaps.vue'], resolve)

                                      or

component: resolve =
>
 require(['./components/...../vuegooglemaps.vue'], resolve)
}

Note :

Path should be according to your file placement like above

Folder_name is your folder name

Note: We already have an example in src /route.js file and there is a one index file in components

Menu.js:

Here you need to set file name and path

Now, you can see google maps plugin. In the same way you can make any changes as required

Last updated

Was this helpful?