Spring boot + vue 极简项目 正在持续更新 核心使用: Spring boot + My batis Plus Vue + Element ui +Echarts+ axios

1.Spring boot + vue

核心使用:

Spring boot + My batis Plus

Vue + Element ui +Echarts+ axios

vue ui 快速搭建项目

ctrl +R cmd

输入 vue ui 快速创建项目

新建项目 手动安装配置

勾选 以下内容 router 处理路由 vuex 用来实现数据共享

关闭 格式检查

添加插件 elment ui 和 vue -cli -plugin-axios 和依赖echarts

注意: 安装完成后需要点击完成安装 让vue 调试elemnt ui

之后如果需要加入别的依赖 可以通过npm 安装 下列时步骤

1、执行命令

cnpm install [email protected] --save

2、main.js 中引入

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

额外碰到的问题

引入echars5.0报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

更改

import * as echarts from ‘echarts’;

// 或 const echarts = require(‘echarts’);

如何去掉vue路径中的“#”号

router这里加上mode: ‘history’,

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