vue

VUE3.0实现websocket 1、 vue2.0与vue3.0的区别 先说一下网上很多资料的websocket都是针对vue2.0的，我这个vue入门小菜鸟，对于vue的整体实现过程理解还是有偏差，因而记录下2.0到3.0的变化。其参考了该博主的文章链接: 让你30分钟快速掌握vue 3 。 其主要是对vue3.0新增了setup函数，取消了data变量的赋值。感兴趣的可以自行阅读。这里只做…

一.Vue3 路由配置 (1). yarn add vue-router (2) 创建 router/index.js 文件 (3) improt 引入 createRouter improt { createRouter  }  from 'vue-router (4) 调用 createRouter 并定义变量名 cosnt router = createRouter() (5) export…

vue 使用less全局变量 2018年07月11日 22:14:52 阅读数：524 我们经常用less定义一些全局变量，比如头部的高度，比如主题的颜色，比如侧边栏的宽度，这时我们定义less 全局文件是有必要的，那如何在vue中使用呢？ 我首先尝试着把common.less文件，放在main.js中，发现并不起作用。。。 在网上搜了一下，可以这样配置： 首先安装一个包： npm install…

一个项目可能有很多环境，开发，测试，预生产，生产等环境，如果每一个环境都需要重新打包会显得比较麻烦，那么如何解决这个问题呢 在vue和uniapp中以及其他框架下的都是可以按照如下操作来解决的 在静态资源下新建一个env.json,vue项目是在public文件下新建，uniapp是在static下新建文件 文件格式如下 { "name": "development", "base": "/cus…

网上的虚拟列表支持单行多列（横向滚动列表）和单列多行（纵向滚动列表），npm也有虚拟列表和虚拟网格。例如：vue-virtual-scroll-list、vue-virtual-scroll-grid。使用起来不太方便，而且不支持插槽。 这个是虚拟列表的实现，多行多列虚拟列表在这个基础上扩展，使用行和列来代表数据下标，通过计算开始位置和结束位置，动态截取可见区域元素。 <script set…

vue 回车事件 首页 <template> <div class="index"> <input class="inp" v-model="input" placeholder="请输入" @keyup.enter="getCompanySearchList"> <el-button class="searchBtn" slot="append" @cl…

1.话不多说,先上示图(以折线图为例): 更多案例,请移步 ECharts官网 . 2.主体步骤及对应可能出现的常见问题解决: 2-1:安装ECharts依赖( 这里需注意的是,安装后有可能因为ECharts的版本过高导致报init未定义等的问题,故可降低版本重新安装即可 ). //常规安装 npm install echarts --save //如若按官网的上述依赖安装后报init未定义的话,…

实现各种进度条，正常进度条、圆形进度条、分步进度等各种进度条组件，并添加特定的样式效果。 一、效果预览： 二、下载地址： 源码下载地址 三、实现效果： 1. 基础进度条的实现 2. 圆形进度条的实现 3. 分步进度条的实现 4. 添加操作方法 5. 背景填充颜色及渐变实现 6. 添加过渡动画效果 四、实现思路： 1. 基础进度条的实现思路： 使用div作为背景，颜色可指定。使用绝对定位将有值的部分…

此文章讲解 Echarts 在 vue 开发中的使用方式以及实现效果的 demo 示例展示; 如有疑问或者不清楚的欢迎随时提问 。 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。 1. 使用 echarts 版本: “echarts”: “^4.3.0” 2. 安装方式: cnpm install echarts --save 或者 cnpm i…