vuejs AdminLTE

vuejs-AdminLTE

[Admin LTE] (https://almsaeedstudio.com/preview) [Vue JS] スターター (http://vuejs.org/)

インストール

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

動作の詳細については、vue-loader のガイドとドキュメントを確認してください。

使用法

ページの作成

• コンポーネントフォルダーにファイルを作成

  # user.vue
  < template >
    < h3 > User Lists </ h3 >
  </ template >
  
  < style >
    // style here
  </ style >
  
  < script >
    // script here
  </ script >

• src/app.jsにルートコンポーネントを登録する

  router.map({
    '/user': {
      component: require('./components/user.vue')
    }
  });

メニューの追加

config/menus.js を開き、json データを変更します。

{
  name: 'Dashboard',
  link: '/',
  icon: 'fa-home',
  child: [{
    name: 'Child Dashboard',
    link: '/child',
    icon: 'fa-circle-o',
    }
  ] 
  // child is optional
}