VUE大屏数据实战

根据B站朝夕教育的芳芳老师的视频写的: B站视频
安装 vue-cli 脚手架构建工具
vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。
1 cnpm install -g @vue/cli
查看脚手架版本
vue -V
创建项目
vue create 项目名称
package.json 文件中 devDependencies dependencies 的区
dependencies ,依赖的意思,这些安装包都是程序所依赖的包 , 需要发布到生产环境的 .
dev develop ,开发的意思,也就是开发环境下的依赖。
例如安装 axios
安装到开发环境 npm axios --save-dev
安装到生产环境 npm axios --save
区别:
devDependencies 中的插件只用于开发环境,不用于生产环境,而 dependencies 是要发布到生产环境
的。比如 babel 有关的转化 es6 es5 的依赖只是开发环境下转化用,生产过程中是用不到,所以只用写
devDependencies 中,而像 vue element-ui 这种实际运行会调用,得写在 dependencies 中。
DataV—— 大屏数据展示组件库
组件库基于 Vue React 版) ,主要用于构建大屏( 全屏 )数据展示页面即 数据可视化 ,具有多种类型
组件可供使用:
边框
带有不同边框的容器
装饰
用来点缀页面效果,增加视觉效果
图表
图表组件基于 charts 封装,轻量,易用
其他
飞线图 / 水位图 / 轮播表
安装
npm安装:npm i @jiaminghi/data-view -S
yarn安装:yarn add @jiaminghi/data-view -S
  • 后面添加-d:在开发环境下进行安装

  • 后面添加-S:在生产环境下进行安装

使用
在main.js中引入DataV
import dataV from '@jiaminghi/data-view';
Vue.use(dataV);

相关推荐

  1. vue

    2024-01-08 11:30:04       15 阅读
  2. python实现数据可视化

    2024-01-08 11:30:04       19 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-08 11:30:04       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-08 11:30:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-08 11:30:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-08 11:30:04       18 阅读

热门阅读

  1. Python:sqlalchemy报错DetachedInstanceError

    2024-01-08 11:30:04       31 阅读
  2. 数据库相关SQL

    2024-01-08 11:30:04       33 阅读
  3. 常用python代码大全-random模块的一些常见用法

    2024-01-08 11:30:04       36 阅读
  4. 【数据库原理】(13)视图的使用

    2024-01-08 11:30:04       33 阅读
  5. C++运算符和表达式

    2024-01-08 11:30:04       33 阅读
  6. 研旭开发板资料下载地址--DSP28335资料

    2024-01-08 11:30:04       32 阅读
  7. HTML5 新元素

    2024-01-08 11:30:04       44 阅读
  8. Python Selenium 4 如何忽略chrome浏览器证书验证

    2024-01-08 11:30:04       37 阅读
  9. 阿里云无影云电脑

    2024-01-08 11:30:04       46 阅读