Start new page

Open the blank.vue file in /src/components folder.

It has the following structure:

<template>
    <div>
    </div>
</template>
<script>
import Vue from "vue";

export default {
    // ===Component name
    name: "blank",
    // ===Props passed to component
    props: {},
    // ===Components used by this component
    components: {},
    // ===Code to be executed when Component is mounted
    mounted() {},
    // ===Computed properties for the component
    computed: {},
    // ===Component data
    data() {
        return {

        }
    },
    // ===Component methods
    methods: {

    }
}
</script>
<!-- styles -->
<!-- adding scoped attribute will apply the css to this component only -->
<style scoped></style>

Place your html content inside the div in template.

Note: Each template must only have one root element and one script tag.

Then add your code in the script tag.

Then give the appropriate route in routes.js file If you needed add the component to the router.

Note:

To add a route to left side menu you will have to edit the menu.js file.