Spring Boot+Vue实现Socket通知推送的完整步骤
目录 Spring Boot端 第一步，引入依赖 第二步，创建WebSocket配置类 第三步，创建WebSocket服务 第四步，创建Controller进行发送测试 Vue端 第一步，创建连接工具类 第二步，建立连接 第三步，监听服务器发送过来的消息 第四步，关闭连接 总结 »
大前端代码重构之事件拦截iOS Flutter Vue示例分析
目录 一、需求来源 二、iOS 事件拦截 1、使用示例 2、自定义视图 NNAbsorbPointerView，用来拦截它子视图事件。 三、Flutter 事件拦截 1、使用示例 四、Web 事件拦截 1、Vue 事件拦截 最后、总结 一、需求来源 app需要支持实现游客模式，启 »
大前端代码重构之事件拦截iOS Flutter Vue示例分析
目录 一、需求来源 二、iOS 事件拦截 1、使用示例 2、自定义视图 NNAbsorbPointerView，用来拦截它子视图事件。 三、Flutter 事件拦截 1、使用示例 四、Web 事件拦截 1、Vue 事件拦截 最后、总结 一、需求来源 app需要支持实现游客模式，启 »
Vue使用axios发送请求简单实现代码
上一篇文章我们在vue工程项目中引入了axios库并将通用的API进行了封装，但是遇到了一个问题就是我们在组件内部写的函数发送请求是不会被vue实例进行执行的，也就是说VC中的函数无法直接的由VM去接管执行，这时我们需要将这个请求的执行函数位置调到APP这个父组件上去，因为只有APP组件被所谓的VM »
Vue使用axios发送请求简单实现代码
上一篇文章我们在vue工程项目中引入了axios库并将通用的API进行了封装，但是遇到了一个问题就是我们在组件内部写的函数发送请求是不会被vue实例进行执行的，也就是说VC中的函数无法直接的由VM去接管执行，这时我们需要将这个请求的执行函数位置调到APP这个父组件上去，因为只有APP组件被所谓的VM »
Vue之Pinia状态管理
目录 一、认识Pinia 1.1 认识Pinia 1.2 为什么使用Pinia？ 二、 Store 2.1 定义Store 2.2 Option对象 2.3 setup函数 2.4 使用定义的Store 三、Pinia核心概念State 3.1 定义State 3.2 操作State 3 »
Vue之Pinia状态管理
目录 一、认识Pinia 1.1 认识Pinia 1.2 为什么使用Pinia？ 二、 Store 2.1 定义Store 2.2 Option对象 2.3 setup函数 2.4 使用定义的Store 三、Pinia核心概念State 3.1 定义State 3.2 操作State 3 »
在 Vue 中控制表单输入方法详解
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流： 用户在输入框中输入，text会发生变化。 text发生变化，输入框的值也随之变化。 让我们看看如何在Vue 3中使用 »
在 Vue 中控制表单输入方法详解
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流： 用户在输入框中输入，text会发生变化。 text发生变化，输入框的值也随之变化。 让我们看看如何在Vue 3中使用 »
在 Vue 中控制表单输入
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流： 用户在输入框中输入，text会发生变化。 text发生变化，输入框的值也随之变化。 让我们看看如何在Vue 3中使 »
Vue中props组件和slot标签的区别是什么
本文小编为大家详细介绍“Vue中props组件和slot标签的区别是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“Vue中props组件和slot标签的区别是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 在 Vue 中，props 和 slot 都是组件之间进 »
Vue中props组件和slot标签的区别是什么
本文小编为大家详细介绍“Vue中props组件和slot标签的区别是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“Vue中props组件和slot标签的区别是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 在 Vue 中，props 和 slot 都是组件之间进 »
Vue解决ajax跨域的问题
目录 （一）什么是跨域 （二）axios请求 （1）请求方式 （2）如何发送axios请求 （三）配置代理解决跨域问题 （1）方法一：使用vuecli配置代理服务器 (2)方法二 （一）什么是跨域 同源请求就是指协议名、主机名、端口号三者一样 跨域请求：是指协议名、主机名、端口号 »
vue-cli3脚手架安装方法
1.vue脚手架的使用需要node.js支持，所以需要下载安装node.js ，可以到node.js官网下载node.js https://nodejs.org/zh-cn/,可以根据个人需要下载版本，推荐多数用户使用（LTS） 2.安装很简单，一串点点点下一步就完事了，安装路径根据自己爱喜好来设 »
vue-cli3脚手架安装方法
1.vue脚手架的使用需要node.js支持，所以需要下载安装node.js ，可以到node.js官网下载node.js https://nodejs.org/zh-cn/,可以根据个人需要下载版本，推荐多数用户使用（LTS） 2.安装很简单，一串点点点下一步就完事了，安装路径根据自己爱喜好来设 »
简单聊聊Vue中的ref,toRef与toRefs
目录 一、ref 二、toRef 三、torefs 一、ref ref 函数，可以把简单数据类型包裹为响应式数据（复杂类型也可以），注意 JS 中操作值的时候，需要加 .value 属性，模板中正常使用即可。 举个例子： ref包装基本类型数据 App.vue <templa »
简单聊聊Vue中的ref,toRef与toRefs
目录 一、ref 二、toRef 三、torefs 一、ref ref 函数，可以把简单数据类型包裹为响应式数据（复杂类型也可以），注意 JS 中操作值的时候，需要加 .value 属性，模板中正常使用即可。 举个例子： ref包装基本类型数据 App.vue <templa »
Vue中props组件和slot标签的区别
在 Vue 中，props 和 slot 都是组件之间进行通信的机制，它们的作用和应用场景有一些区别： props 是一种组件的数据传递机制，通过在父组件中以属性的形式向子组件传递数据。子组件接收这些数据，并可以进行相应的处理和渲染。props 在组件开发中非常常见，可以让我们更加方便和灵活地进 »
Vue中props组件和slot标签的区别
在 Vue 中，props 和 slot 都是组件之间进行通信的机制，它们的作用和应用场景有一些区别： props 是一种组件的数据传递机制，通过在父组件中以属性的形式向子组件传递数据。子组件接收这些数据，并可以进行相应的处理和渲染。props 在组件开发中非常常见，可以让我们更加方便和灵活地进 »
vue 实现左滑图片验证功能
目录 前言 一、安装 二、使用 前言 众所周知，网页中滑动图片验证一直是各大网站、移动端的主流校验方式，其主要作用是为了区分人和机器以及为了防止机器人程序暴力登录或攻击从而设置的一种安全保护方式。从开发的角度来看要想实现这个功能还是需要一点时间的，但其实网上已经有很多专门针对图片滑动验证功 »