vue源码 周期 生命
vue组件之间的数据传递
title: vue组件之间的数据传递 date: 2023-07-18 19:17:32 tags: - vue categories: - 工程 - 前端 top: ![](https://img2023.cnblogs.com/blog/2863049/202307/2863049-20230 ......
vue pinia数据持久化
1.安装插件 yarn add pinia-plugin-persistedstate 2.引入插件 将插件导入文件pinia实例 import { createPinia } from 'pinia'; import piniaPluginPersistedstate from 'pinia-pl ......
vue3+vite4实现动态引入图片
本来是想使用vue2时使用的require，但是在运行时却突然报错： 看到上面的报错让我很懵，require为啥不能使用呢？？ 经过我不懈的努力，终于找到原因： 在 Vue 3 和 Vite 4 中，不再推荐使用 CommonJS 的 require 语法，而是使用 ECMAScript 模块（ES ......
vue3+vite4使用swiper10实现coverflow效果
<Swiper class="swiper-container mt-40px" :modules="modules" :loop="true" :autoplay="{ delay: 5000, }" :speed="1000" :slidesPerView="2" :centeredSlides ......
vue - 图片的放大镜功能
``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s ......
vue手搓h5滚动日期选择器组件
背景 新项目为了省事和后台写一起了，所以用不了Uni-app（悲），然后element-ui的日期选择器h5不适配，看着也难受，就想找个好用的，结果找了一圈感慨，自己写个吧。 说明 为了加快速度，代码可能有些臃肿，但大概就是这样了，看着代码好多，其实只要会一个的滚动就会多个了。建议下看下参考文章，然 ......
【开源分享】在线客服系统源代码-thinphp网站在线客服系统源码（附源码完整搭建教程）
本文的核心是一个多国语言在线客服聊天系统源码。我们将在这里保持非常简单。 这是一款旧版本的PHP客服源码。 基于ThinkPHP5 + workerman，整体架构比较老，PHP客服端以及界面等需要在php-fpm下运行，即时通讯websocket服务端需要命令行执行。 源码下载 在下面链接中，下载 ......
vue+zxing 扫描条形码
背景 扫描甲方商品身上的条形码。 吐槽下：这玩意又细又小，还反光，最后用的uni-app上的插件，而且不用自己封装了。虽然和我之前的二方案差不多，即使用 Quagga，打开video，将每帧画成canvas，然后转换为图片交给Quagga识别，缺点是功耗大，最后实装的表现还行，就是扫几个码，手机热了 ......
vue使用hiprint实现打印（vue-plugin-hiprint）
1、安装插件： npm install vue-plugin-hiprint 或 yarn add vue-plugin-hiprint 2、普通使用： <template> <div class="box"> <div class="box-tool"> <el-button-group> <el ......
vue v-if 和v-permission 共同使用的奇怪问题
背景 后台系统某功能按钮需要订单状态和用户权限共同校验是否显示，将权限校验和v-if共同作用在同一div中，下方为实例代码 <div v-if="status==0"> <div @click="function1"> 某按钮功能 </div> </div> <div v-if="status==1 ......
vue .sync修饰符的使用详解
这篇文章主要介绍了vue .sync修饰符的使用,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下 vue的官网介绍非常不错，先通读一遍。 2.3.0+ 新增 在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可 ......
Day-4 路由匹配源码
1. 请求来了会走WSGIHandler的call方法 convert_exception_to_response也是进行封装 真的handler是从下图定义 resolver = URLResolver(RegexPattern(....)) 那么 resolver.pattern = Regex ......
修改unittest中ddt中的源码，使得生成的htmltestrunner报告标题更直观
ddt是unittest 中配合数据驱动思想的一个模块，为了使得生成的报告标题更直观，现修改源码 1.先把内置的ddt模块，复制到项目中，修改复制的后ddt文件，这样就不是直接改别人的源码了 2.具体如何修改 @ddt.ddt中进去，282行 if isinstance(v,list): test_ ......
antd+vue3 tree-select 组件库 筛选结果不正确的问题
第一次遇到这种带搜索框的下拉树状列表搜索关键字的时候出现我不想要的结果。 我感觉组件它只是搜索一级列表而没有搜索二级列表，然后一节列表把它整个的二级列表带出来了。 二级列表里边包含搜索关键字的所有item才是我想要的。 相关代码： 1 <!-- 页面名称 --> 2 <div 3 class="no ......
直播软件源码，element-table模糊搜索input匹配
直播软件源码，element-table模糊搜索input匹配 <script>export default { data() { return { checklist:[],//筛选值 checkOldlist:[],//总数据 searchContent:'', }; }, methods: { ......
vue 小写转大写方法
好久好久没更新了啊，其实有好多可以写的， 但是不知道为啥不想写了 方法一： // 输入的金额进行大写转换 function transformation(val) { var fraction = ["角", "分"]; var digit = ["零", "壹", "贰", "叁", "肆", " ......
EaselJS 源码分析系列--第三篇
 这一篇分析另外四个稍显高级的显示类 -- Sprite、Movieclip、DOMElement、Bitm ......
vue实现自定义进度条
1. Vue项目没有引入element的依赖，自定义实现进度条，效果如下： 2. template代码 <div class="progress-bar"> <div class="progress-bar-outer"> <span class="progress-text" :style="{c ......
numpy源码安装
如果使用yum install numpy安装不成功就使用如下方法。 安装相关工具: yum install wget yum install unzip yum install gcc yum install python-devel 下载numpy源码并解压: wget http://jaist ......
直播软件源码开发搭建提高安全性方案
直播软件源码平台的防火墙功能是极为重要，且不可或缺的，它的加入有效提高了直播软件源码平台的安全性，保护了用户的信息，为用户构建一个绿色安全的直播软件平台。 ......
vue前端项目启动
我们拉取了一个前端项目后，如果项目中有说明的文档，可以参照文档的步骤启动项目，如果 项目中没有说明文档，那我们可以按照以下的步骤启动项目 1、首先是安装依赖包 npm install 2、启动项目 npm run dev 这里的npm run 环境名称，这里的环境名称主要取决于项目中的package ......
介绍社交论坛问答发帖系统源码-java+vue+uniapp开发前后端
前后端分离社交论坛问答发帖BBS源码，社交论坛小程序|H5论坛|，app论坛是java+vue+uniapp开发的前后端分离社交论坛问答发帖/BBS项目，包括论坛图文帖，视频，圈子，IM私聊，微信支付，付费贴，积分签到，钱包充值等论坛小程序论坛app完整功能 演示地址：www.runruncode. ......
npm安装教程 搭建vue
# 一、相关概念 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖 ......
前端Vue仿微信我的菜单栏组件按钮组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
day--27--vue生命周期总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>生命周期总 ......
浅析vue3中如何使用动态组件、如何快速理解Vue3的 toRaw和markRaw、ref与shallowRef、shallowReactive 区别
一、Vue3中使用 component :is 加载动态组件 1、不使用setup语法糖，这种方式和vue2差不多，is可以是个字符串 2、使用setup语法糖，这时候的is如果使用字符串就会加载不出来，得使用组件实例 <component class="task-box" :is="compone ......
React、Vue框架如何实现组件更新，原理是什么？
原文合集地址如下，有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484356&idx=1&sn=10f0cc1989ce788e0b4bc166b2027b14&chksm=ec7cc090db ......
Vue的生命周期简介
Vue.js是一种流行的JavaScript框架，它采用了组件化的开发模式。在Vue组件的生命周期中，有不同的阶段和钩子函数，用于在不同的时间点执行特定的逻辑操作。下面是Vue组件的生命周期简介： 创建阶段： beforeCreate：在实例被创建之前，触发该钩子函数。 created：在实例被创建 ......