• WebSocket使用以及在vue如何使用问题
• 这篇文章主要介绍了WebSocket使用以及在vue如何使用问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
• 日期：2022-06-10
• 浏览：306
• 标签： JavaScript

---

• Vue 可拖拽组件Vue Smooth DnD的使用详解
• 目录简介和 Demo 展示API: Container属性生命周期回调事件API: Draggable实战简介和 Demo 展示最近需要有个拖拽列表的需求，发现一个简单好用的 Vue 可拖拽组件。安利一下~Vue Smooth DnD 是一个快速、轻量级的拖放、可排序的 Vue.js 库，封装了 s...
• 日期：2023-02-08
• 浏览：175
• 标签： Vue

---

• Vue路由守卫及页面登录权限控制的设置方法(两种)
• ①先在我们的登录页面存储一个登录数据// 登录成功时保存一个登录状态；sessionStorage.setItem('flag', 1);② 添加路由守卫方法一： 直接在路由中添加const router = new VueRouter({ ... }) // 路由守卫 router.beforeE...
• 日期：2023-01-29
• 浏览：31
• 标签： Vue

---

---

• Vue 基于 vuedraggable 实现选中、拖拽、排序效果
• 今天有个朋友说要做个效果：Vue实现拖拽排序，要有 checked，输出结果是排序后的，要全选，未选中的不能拖动。其实我之前基于 Sortable 做过一个类似的效果。也给他看过了，没看太明白，他就自己基于 vuedraggable 实现了一下。正好有点问题给他解决了一下。废话不多说，先上最终效果：...
• 日期：2023-01-20
• 浏览：54
• 标签： Vue

---

• vue+koa2搭建mock数据环境的详细教程
• 前段时间写了一篇前端vue项目实现mock数据方式的文章，主要是在vue项目里使用mock数据，数据和项目耦合在一起，不太优雅，作为一个有追求的前端，怎么能容忍这种方法呢？特以此篇，记录利用koa2搭建服务端，提供mock数据的方法。初始化vue项目这里以vue项目为主，当然别的类型项目依然可以使用...
• 日期：2023-01-20
• 浏览：34
• 标签： Vue

---

• Vue的props父传子的示例代码
• 废话不多少，父传子做一个比喻首页想加一个图片，但又不想每次都用img而且又让img做css和动画事件。此时最简单的方法做一个页面封装，然后起一个名字让首页自己获取，放一个地址就行！其他什么都不用管。步骤如下:第一步:创建一个组件，相当于创意文件夹，专门存小东西以后经常用<template>...
• 日期：2023-01-20
• 浏览：121
• 标签： Vue

---

• vue实现购物车加减
• 本文实例为大家分享了vue实现购物车加减的具体代码，供大家参考，具体内容如下通常我们会在模板中绑定表达式,模板是用来描述视图结构的。如果模板中的表达式存在过多的逻辑，模板会变得臃肿不堪，维护变得非常困难。因此，为了简化逻辑，当某个属性的值依赖于其他属性的值时，我们可以使用计算属性。那么什么是计算属性...
• 日期：2023-01-17
• 浏览：183
• 标签： Vue

---

• 在Vue中创建可重用的 Transition的方法
• Vue.js中的transition确实很棒。毫无疑问，它们可以非常轻松地让应用程序栩栩如生，但是通常必须在每个项目中从头开始编写它们，甚至还需要引入animate.css之类的CSS库来使它们功能更强大。如果我们可以将它们封装到组件中，并在多个项目中简单地重用它们，结果会怎样呢?我们将介绍...
• 日期：2023-01-16
• 浏览：201
• 标签： Vue

---

• vue 插槽简介及使用示例
• Vue的插槽，是一种内容分发机制，但是我感觉它更加像组件的一种占位符的概念，通过插槽，等待组件外部传入复杂的内容。使用插槽的好处在以前的例子中todo-item插槽直接写在了todo-list插槽中，其实是比较不合理的，它会导致todo-list插槽比较死板，无法重用更多的其他组件。 Vue.com...
• 日期：2022-10-25
• 浏览：214
• 标签： Vue

---

• vue+echarts实现中国地图流动效果(步骤详解)
• @vue+echarts实现中国地图流动效果#话不多说看效果图操作步骤：执行命令:npm run echarts -s 并回车看到这样的提示代表安装成功 PS：网络不好的情况建议用cnpm淘宝镜像（全局终端执行命令：npm i -g cnpm --registry=https://registry....
• 日期：2022-10-08
• 浏览：46
• 标签： Vue

---

---