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