Vuejs-Admin
  • Introduction
  • Installation
    • Laravel Installation
    • Vue Installaion
  • App structure
    • Layout
    • Vuex store
    • Left menu
    • Routes
    • Axios
  • Start new page
  • SASS
  • Changing skins
  • Changing Layouts
  • FAQ's
  • Updates
    • 3.4
    • 3.3
    • 3.2
    • 3.1
    • 3.0
    • 2.0
    • 1.6
    • 1.5
    • 1.4
    • 1.3
    • 1.2
    • 1.1
  • Starter kit
    • Adding new page
Powered by GitBook
On this page
  • importing components :
  • eg:
  • eg:
  • eg:

Was this helpful?

  1. App structure

Layout

This contains the main layout which includes the header, left-menu and the right-side component. The right-side component contains the right-side bar.

importing components :

The components can be imported using the keyword import

eg:

import vueadmin_header from "./components/layouts/header/fixed-header.vue"

The component which is being imported is to declared in the components object:

eg:

components: {vueadmin_header,left_side,right_side}

The component exporting is done using export default

eg:

export default { ... }

PreviousApp structureNextVuex store

Last updated 5 years ago

Was this helpful?