本文介绍了初学者如何使用Vue.js搭建物联网平台的前端页面。内容包括Vue的初步学习，环境配置如安装node.js、vue和vue-cli，初始化项目，并安装axios、echarts、element-ui和vue-router等依赖库。重点讲解了页面布局、el-menu组件实现的侧边导航栏，以及如何使用axios获取后台数据。
摘要：
Vue我也是刚开始学的，看了两天的文档就开始着手做这件事了，所以对vue了解不太深入，没有能力说的的太详细万一是错误的不就误导别人了，所以只对几个相对来说比较主要的点说明一下。
搭建开发环境：
老生常谈的话题！首先自然是要安装nodejs，这个直接去官网下载安装即可，再使用命令npm install vue、npm install -g vue-cli去安装vue和脚手架工具，完成之后再使用命令vue init webpack myproject来初始化项目，初始化完成之后会在目录下生成这些文件，到这一步的话环境差不多搭建好了。
接下来是安装依赖，在这个项目里面我用了以下几个库， 通过命令npm install xxx --S 安装，环境差不多搭建完成。
"axios": "^0.18.0", 发送请求的类似ajax
"echarts": "^4.2.0-rc.2", 可视化工具，用于绘制数据曲线图
"element-ui": "^2.4.9",
最低0.47元/天 解锁文章
扫一扫
956
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
