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 （发送请求失败）

  });

 

转载于:https://www.cnblogs.com/ycc-521/p/9525395.html