您的位置:首页技术文章关键词: Vue
文章列表
  • vue请求数据的三种方式
  • 请求数据的方式: vue-resource 官方提供的 vue的一个插件 axios fetch-jsonp一,vue-resource请求数据介绍:vue-resource请求数据方式是官方提供的一个插件使用步骤:1、安装vue-resource模块cnpm install vue-reso...
  • 日期:2023-02-03
  • 浏览:177
  • 标签: Vue

  • Vue+express+Socket实现聊天功能
  • 本文实例为大家分享了Vue+express+Socket实现聊天功能的具体代码,供大家参考,具体内容如下实现聊天功能具体功能只是为了实现功能,不对界面进行美化1、输入消息点击发送所有用户可以在下方收到消息2、输入userid后点击连接,可以连接对应的聊天,另外一个界面输入刚刚那个页面的userid后...
  • 日期:2022-09-28
  • 浏览:248
  • 标签: Vue

  • vue 虚拟DOM的原理
  • 为什么需要虚拟DOM?如果对前端工作进行抽象的话,主要就是维护状态和更新视图,而更新视图和维护状态都需要DOM操作。其实近年来,前端的框架主要发展方向就是解放DOM操作的复杂性。运行js的速度是很快的,大量的操作DOM就会很慢,时常在更新数据后会重新渲染页面,这样造成在没有改变数据的地方也重新渲染了...
  • 日期:2022-11-17
  • 浏览:45
  • 标签: Vue

  • 在vue中实现禁止回退上一步,路由不存历史记录
  • 在有些情况下,我们不想往路由里添加历史记录。(vue的项目,vue-router中不想存历史记录)根据vue官网提供的,楼主总结了一下,主要有以下几种方案:根据官网的解释 。声明式路由和编程式路由都是添加新的记录,同时vue还提供了replace来替换路由记录,从而实现路由不存历史记录的情况,以下是...
  • 日期:2022-12-31
  • 浏览:185
  • 标签: Vue

  • Vue实现聊天界面
  • 本文实例为大家分享了Vue实现聊天界面展示的具体代码,供大家参考,具体内容如下1.功能需求根据索引选择跟不同的人进行聊天2.代码展示mock.js:import Mock from ’mockjs’Mock.mock('/chatchild',{ ’result’:[{ ...
  • 日期:2022-09-28
  • 浏览:174
  • 标签: Vue

  • Vue3使用JSX的方法实例(笔记自用)
  • 以前我们经常在react中使用jsx,现在我们在vue中也是用jsx,下面这篇文章主要给大家介绍了关于Vue3使用JSX的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
  • 日期:2022-06-01
  • 浏览:9
  • 标签: JavaScript

  • vue 输入电话号码自动按3-4-4分割功能的实现代码
  • 输入框绑定<input class='inputBox' type='phone' placeholder=' 请输入手机号' maxlength='13' v-model='phoneNum'/>监听事件,每次号码发生改变时触发大体的逻辑是:先比较号码变化前后的长度,判断是输入还是删除...
  • 日期:2024-11-15
  • 浏览:6
  • 标签: JavaScript vue


  • Vue 自适应高度表格的实现方法
  • 前言示例版本为 Element-ui 2.13.1 + Vue 2.6.11本人是做后台开发的,由于公司业务要求需要将前后台模块进行分离,两年前选择使用vue-element-admin 项目进行前台的开发,该框架集成了很多功能,特别适合对 Vue 很陌生的新手,公司项目组成员接受程度普遍较高。在使...
  • 日期:2023-01-21
  • 浏览:105
  • 标签: Vue


  • vue输入框使用模糊搜索功能的实现代码
  • 实现原理:利用js的 indexOf 方法可返回某个指定的字符串值在字符串中首次出现的位置。模板中的代码<div class='search'><!--输入框使用的是vant的输入框组件--><van-search @input='autoSearch' v-mod...
  • 日期:2023-01-18
  • 浏览:98
  • 标签: Vue


  • vue+canvas实现拼图小游戏
  • 利用 vue+canvas 实现拼图小游戏,供大家参考,具体内容如下思路步骤 一个拼图拼盘和一个原图参照 对原图的切割以及随机排序 通过W/A/D/S或上下左右进行移动 难度的自主选择 对拼图是否完成的判定JS实现部分数据分析 row:拼图的总行数;column:拼图的总列数。 (用来设...
  • 日期:2022-11-21
  • 浏览:16
  • 标签: Vue