从零开始搭建物联网平台(7):使用Vue编写前端页面

本文介绍了初学者如何使用Vue.js搭建物联网平台的前端页面。内容包括Vue的初步学习,环境配置如安装node.js、vue和vue-cli,初始化项目,并安装axios、echarts、element-ui和vue-router等依赖库。重点讲解了页面布局、el-menu组件实现的侧边导航栏,以及如何使用axios获取后台数据。
摘要由CSDN通过智能技术生成

摘要:

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",        网页UI
                  "vue-router": "^

  • 4
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值