vue2.0+element-ui(01简单点的单页面)

//全局安装 vue-cli

 npm install vue-cli -g# 

//创建一个基于webpack模板的新项目 

 vue init webpack my-project

//安装依赖，快速启动 my-project为项目名称，可自定义

 cd my-project

 npm install

 npm run dev

import Vue from ‘vue‘
import App from ‘./App‘
//引入element-ui组件
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-default/index.css‘
import VueRouter from ‘vue-router‘
import routes from ‘./router/index‘
import Mock from ‘./mock‘
Mock.bootstrap();





Vue.use(ElementUI);
Vue.use(VueRouter);

const router = new VueRouter({
  mode: ‘history‘,
  routes
})

// 实例化vue
new Vue({
  router,
  // store,//vuex 提供的
  render: h => h(App)
}).$mount(‘#app‘)    //手动地挂载一个未挂载的实例(#app)

/**
 * desc: 路由配置
 */


import table from ‘../views/nav1/table.vue‘

let routes = [
    {
        path: ‘/‘,
        component: table,
        name: ‘‘,
        iconCls: ‘fa fa-id-card-o‘,
        leaf: true,//只有一个节点
        children: [
            {
                path: ‘/page1‘, component: table, name: ‘导航111‘
            }
        ]
    },
    //若均为匹配，则提示404
    {
        path: ‘*‘,
        hidden: true,
        redirect: {
            path: ‘404‘
        }
    }
];

export default routes;

/**
 * author: xxx
 * create: 2017-04-26
 * update: 2017-04-26 by xxx
 * desc:链接后台接口的js文件(
 * 在Vue1.0中我们知道和服务端通信发送请求获取数据依赖的是vue-resource，
 * 但自Vue更新到2.0之后作者就宣告不再对vue-resource更新，
 * 而是改成了推荐的Axios这一HTTP库。作用上类似我们熟知的一些Ajax库,
 * 但是Axios是基于Promise的HTTP请求客户端，可同时在浏览器和Node.js中使用,
 * 这好像更符合目前前端的技术新趋势
 * )
 */
import axios from ‘axios‘;
//基础路径
let base = ‘‘;

export const getUserListPage = params => { return axios.get(`${base}/user/listpage`, { params: params }); };

export const removeUser = params => { return axios.get(`${base}/user/remove`, { params: params }); };

export const batchRemoveUser = params => { return axios.get(`${base}/user/batchremove`, { params: params }); };

export const editUser = params => { return axios.get(`${base}/user/edit`, { params: params }); };

export const addUser = params => { return axios.get(`${base}/user/add`, { params: params }); };