Vue
懒的执行力度无敌
在等等,马上就好
展开
-
用Vue整合Echarts做数据展示:环境的准备
总的来说需要两个东西:node.jsVScode(可替代的有很多,Hbuilder、webstorm、sublime等都行)cnpm(可选,为了快一点)第一步 node.js安装下载地址选择自己需要的安装就好,这里拿windows举例下载安装即可,中途勾选上add to path就好。安装好后,检查一下Node是否安装成功第二步 npm安装与配置新版的node.js 自...原创 2019-10-04 10:42:18 · 635 阅读 · 0 评论 -
用Vue整合Echarts做数据展示:第一个Vue Demo 以及项目结构
Vue Democmd 下 进去任意你想的目录 vue init webpack echarts_demo(蓝色部分是项目的名字)Use ESLint to lint your code? 建议选no。严格模式下代码挺难写的。 等待加载就好了用VScode打开文件夹,查看一下项目结构添加下面的代码(为了项目跑起来就直接打开网页,记得保存!!!【ctrl+s】)【ctr...原创 2019-10-04 12:20:22 · 1168 阅读 · 0 评论 -
用Vue整合Echarts做数据展示:整合ElementUI,实现布局
ElementUI官网Element开发指南安装ElementUI【ctrl+`】打开终端 输入 npm i element-ui -S在main.js中为我们的项目引入ElementUI// The Vue build version to load with the `import` command// (runtime-only or standalone) has b...原创 2019-10-04 14:25:09 · 5243 阅读 · 0 评论 -
用Vue整合Echarts做数据展示:整合ElementUI+router实现侧边导航栏
新增aside.vue组件还是从ElementUI用户指南中copy过来的,只做了一点修改,加了点样式<template> <div class="aside"> <el-menu default-active="2" class="menu" @open="handleOpen" ...原创 2019-10-04 15:09:52 · 910 阅读 · 2 评论 -
用Vue整合Echarts做数据展示:整合Echarts
在终端中输入:npm install echarts --save在main.js中引入echarts// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.imp...原创 2019-10-04 15:24:51 · 1058 阅读 · 0 评论 -
用Vue整合Echarts做数据展示:整合Axios,前后端交互
之前整合Echarts的时候,数据是写死的。为了达到动态的效果,我们只能通过后端生产数据,然后让前端展示。npm i axios --save定义交互接口config.js和char.jsconfig.jsimport axios from "axios"// 定义后端地址const SERVER_BASE = "http://127.0.0.1:8080/api"/...原创 2019-10-04 15:45:21 · 4841 阅读 · 0 评论