封装 websocket

vue3 – 自己封装类似京东商品详情页放大镜效果组件

仿 element-ui Breadcrumb 面包屑组件封装自己的面包屑组件element-ui 面包屑结构<el-breadcrumb separator="/"><el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item><el-breadcrumb-item><a hre

vue3 – 自己封装计时器组件背景在一些商城类网页中打开商品详情都会有一个计数器来选择购买的数量，这样的计时器不仅会在商品详情页面显示还会在购物车里面有，那就可以把计时器封装成组件，以便于更好的服用以及后期维护落地代码<template><div class="xtx-numbox"><div class="label"><slot /></

vue3 – 封装自己的分页组件背景在浏览列表类型的数据的时候，如果数据比较多一次性全部请求会出现性能损耗以及加载延迟等问题，那么此时分页组件就起到了关键作用，它可以只请求一部分数据，也不会占用太多的页面空间，想看别的数据可以通过页码的改变来发起请求，刷新页面数据现在我们自己来封装分页组件组件所需参数total 属性 ：用来传递数据总条数pagesize 属性 ：每页展示几条数据currentPa

vue2 基础入门一、vue 简介1.什么是 vue官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。2.vue 的特性vue 框架的特性。主要体现在两个方面数据驱动视图双向数据绑定2.1 数据驱动视图​在使用了 vue 的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构好处：当页面数据发生变化时，页面会自动重新渲染！注意：数据驱动视图是

问题我们在使用 element-ui 组件库中的 form 组件的时候，发现让每个 el-form-item 呈现多行多列的时候会显得 input、select 框参差不齐，而且当页面的宽度足够大的时候在最左边回留有空隙原因由于它的内置样式无法自适应，所以需要自己来写样式覆盖掉内置样式解决方法在 form 组件内的 style 标签内添加如下代码.el-form-item {margin-righ

一、父传子 (自定义属性–props)父组件向子组件传值，通过自定义属性的方式进行传值，在子组件中用 props 定义自定义属性，然后在父组件中通过 v-bind 指令把需要传递的数据绑定在子组件上，那在子组件中 props 里面的自定义属性可以直接使用代码演示父组件代码<template><div class="app-container"><h1>App 根

vue 第三方方法 useIntersectionObserver实现数据懒加载背景在开发网站的时候，有时候一个页面的数据会很多，一次性加载会降低性能，加载速度缓慢，其实只要让可是串口里面的数据加载即可，当页面部分内容还没有进入可视区域的时候，可以先不用加载数据，一旦进入可视区域通过事件监听元素位置进而选择数据加载的时机，这样做的好处就在于可以增强性能，避免没有必要的请求在 vue 项目中还有第三

一、下载安装npm install mavon-editor二、全局注册// 引入 mavon-editorimport mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'// 挂载全局Vue.use(mavonEditor)三、使用<template><div><mavon-