vue基於element-ui 的后台管理框架（一）

1.安裝element-ui 運行命令 npm i element-ui -S

2.安裝路由 運行命令   npm install vue-router

使用：在index.js中引入  

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

路由配備：引入模塊 

import HelloWorld from '../components/HelloWorld' //登錄頁

export default new Router({
  routes: [
    {
      path: '/',
      redirect: 'login'
    },
    {
      path: '/login',
      component: HelloWorld,
    },
  ]
})
上面的寫法是默認打開登錄頁（系統剛打開就是登錄頁）

2.http請求 運行命令 npm install vue-resource（相當於$.ajax）

在主頁面引用：

import VueResource from 'vue-resource'

Vue.use(VueResource)
在頁面使用方式可以直接使用

this.$http.get('/someUrl').then(response => {

 

    // get body data（請求到數據以后）

    cosnole.log(response.data);

 

  }, response => {

    // error callback （發送請求失敗）

  });