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
}