vue文章/教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

Vue引入sign-canvas实现签名画板效果

Vue引入sign-canvas实现签名画板 效果图 1.安装 npm i sign-canvas --save 2.使用 <template> <div> <el-card shadow="hover" header="在线签 »

Vue子组件关闭后调用刷新父组件的实现

目录 实现效果 调用方法 1、$emit触发 2、使用$parent触发父组件 常见问题 总结 实现效果 调用方法 当在子组件里更改了某些信息且关闭子组件后,需要父组件更新修改后的内容,操作如下: 1、$emit触发 父组件  @update="update( »

Vue子组件关闭后调用刷新父组件的实现

目录 实现效果 调用方法 1、$emit触发 2、使用$parent触发父组件 常见问题 总结 实现效果 调用方法 当在子组件里更改了某些信息且关闭子组件后,需要父组件更新修改后的内容,操作如下: 1、$emit触发 父组件  @update="update( »

vue项目中的public、static及指定不编译文件问题

目录 vue中的public、static及指定不编译文件 public 文件夹的纠结 自己指定文件不编译 public、static、指定不编译的文件跟 assets 的区别 vue项目编译打包 常见问题 解决 总结 vue中的public、static及指定不编译文件 pu »

vue静态配置文件不进行编译的处理过程(在public中引入js)

目录 vue静态配置文件不进行编译的处理 最终方案如下 vue静态配置文件保存全局变量 应用 步骤 问题分析 总结 vue静态配置文件不进行编译的处理 前几天同事提了一个要求,他想在vue引入静态配置文件,但是此文件不要进行编译。静态配置文件中的参数还需要在其他的.vue文件中使用配 »

vue静态配置文件不进行编译的处理过程(在public中引入js)

目录 vue静态配置文件不进行编译的处理 最终方案如下 vue静态配置文件保存全局变量 应用 步骤 问题分析 总结 vue静态配置文件不进行编译的处理 前几天同事提了一个要求,他想在vue引入静态配置文件,但是此文件不要进行编译。静态配置文件中的参数还需要在其他的.vue文件中使用配 »

vue使用keep-alive后从部分页面进入不缓存示例详解

目录 需求: 实现: 修改router路由中配置项 判断当前页面是否需要缓存的页面 不需要缓存页面,重置B页面数据 总结 需求: 1:当前有页面A-B-C三个板块; 2:从页面C返回页面B时,B页面数据之前数据不会被清空(keep-alive),且C页面携带到B页面的数据缓存(event »

vue-pdf插件实现pdf文档预览方式(自动分页预览)

目录 vue-pdf插件的使用 实现功能 1.npm安装 2.全局注册或者局部注册(我这边是局部注册)——封装一个pdf预览组件 3.pdf预览组件的使用 总结 vue-pdf插件的使用 使用vue-pdf插件实现如下效果图: 实现功能 1.多个pdf预览 2.获取页码,每个pdf »

vue环境变量配置之process.env解读

目录 vue环境变量配置process.env 配置环境的实现原理 具体实例 vue3 process.env.XXX环境变量不生效 问题 解决 总结 vue环境变量配置process.env 在用vue框架时,经常用到两种环境,一种是开发环境,就是本地开发时的环境,一种是生产环 »

vue环境变量配置之process.env解读

目录 vue环境变量配置process.env 配置环境的实现原理 具体实例 vue3 process.env.XXX环境变量不生效 问题 解决 总结 vue环境变量配置process.env 在用vue框架时,经常用到两种环境,一种是开发环境,就是本地开发时的环境,一种是生产环 »

vue this.$refs.xxx获取dom注意事项 v-if v-for渲染的dom不能直接使用

目录 今天遇到一个问题 我的思路是 具体的解决方法就是 总结 最近被借调到其他部门写代码,嘿嘿,我是一块砖,哪里需要哪里搬…… 今天遇到一个问题 vue项目: v-for渲染的元素,如果内容超过一行,则右侧展示一个"更多"按钮,点击“更多”按钮后,再展示全部的数据。 在上家公 »

vue异步加载dom元素之后无法获得的解决

目录 vue异步加载dom元素后无法获得 解决办法 vue稳健的获取dom元素 1、获取Element的弹框中的Dom元素 2、如果以上方法均无法解决 心得 总结 vue异步加载dom元素后无法获得 vue存在大量的异步加载问题,比如动态创建dom元素,若你紧接着去获取创建的dom元 »

vue组合式API浅显入门示例详解

目录 正文 组合式API setup 变量声明 目前比起选项式API的优点 生命周期 正文 在react推出了hook之后,vue也在vue3里面添加了组合式API,鉴于这个时间间隔,我有理由认为组合式api和hook还是有一些关系的。不过在我具体的使用中,我并没发现这两个方法太多的相 »

一文详解Vue选项式 API 的生命周期选项和组合式API

目录 Vue2、Vue3 生命周期的变化 选项式 API 的生命周期选项的变化 小知识 组合式 生命周期选项 API VNode 生命周期事件 Vue2x Vue3x Vue2、Vue3 生命周期的变化 正好在看Vue的官方文档,也正好比对一下,做一下笔记 选项式 API 的 »

一文详解Vue选项式 API 的生命周期选项和组合式API

目录 Vue2、Vue3 生命周期的变化 选项式 API 的生命周期选项的变化 小知识 组合式 生命周期选项 API VNode 生命周期事件 Vue2x Vue3x Vue2、Vue3 生命周期的变化 正好在看Vue的官方文档,也正好比对一下,做一下笔记 选项式 API 的 »

万字血书Vue—Vuex

Vuex概述 组件之间共享数据的方式(小范围) 全局事件总线 Vuex是什么? 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据,易于开发和后期维护 能够高效地实现组件之间的数据共享 »

gfhcg

万字血书Vue—Vuex

Vuex概述 组件之间共享数据的方式(小范围) 全局事件总线 Vuex是什么? 专门在Vue中实现集中式状态(数据)管理的一个Vue插件,可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据,易于开发和后期维护 能够高效地实现组件之间的数据共享 »

gfhcg

Vue事件处理的原理与过程详解

目录 事件绑定 自定义事件 事件修饰符 总结 Vue是一种流行的JavaScript框架,用于构建交互式Web应用程序。其中,事件处理是Vue框架非常重要的一部分,本文将详细讲解Vue事件处理的相关内容,包括事件绑定、自定义事件和事件修饰符。 事件绑定 Vue中的事件绑定与原生JavaS »