vueslice 第2页

图解 Vue 响应式原理「值得收藏」

作者：前端日志转发链接：https://mp.weixin.qq.com/s/H75Xczw_P41PGlacHpdNkA前言最近部门分享，有同学提到了Vue响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下Vue源码，...

Vue.js教程(三)--过滤器

1.简介用来过滤模型数据，在显示之前进行数据处理和筛选语法：{{data|filter1(参数)|filter2(参数)}}2.自定义过滤器<!--在双花括号中-->{{message|capitalize}}<!--在`v-bind`中--&...

技术分享 | 如何编写同时兼容 Vue2 和 Vue3 的代码?

LigaAI的评论编辑器、附件展示以及富文本编辑器都支持在Vue2（Web）与Vue3（VSCode、lDEA）中使用。这样不仅可以在不同Vue版本的工程中间共享代码，还能为后续升级Vue3减少一定阻碍。那么，同时兼容Vue2与Vue3的代码该如何实现？业务实践中又有哪些代码精...

学习Vue笔记014- 过滤器

过滤器定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。语法：1.注册过滤器：Vue.filter(name,callback)或newVue{filters:{}}2.使用过滤器：{{xxx|过滤器名}}或v-bind:属性="xxx|过滤...

最简化 VUE的响应式原理

前言前端目前两个当家花旦框架VUEReact，它们能够流行开来，响应式原理做出了巨大贡献。毕竟，它通过数据的变更就能够更新相应的视图，极大的将我们从繁琐的DOM操作中解放出来。所以掌握它们的响应式原理，对掌握前端框架的精髓就很重要了。本文用最简单的方式来解释VUE2最重点的响应式原理，看不懂算...

封装搭建Vue3 + Vite项目框架进阶版，值得学习收藏【前端工程化】

前言小希这次带来了进阶版的Vue3+Vite项目框架的封装搭建本文主要的切入点有搭建过程多入口打包一般情况下，项目开发只有一个入口，只需要配置一个入口，一个项目但有时多个同业务、同类型的项目，有很多可以复用的业务，组件，工具类等，就可以放在同一个代码库里进行维护，不用新建多个代码库每个项目都有自...

如何用Vue3和p5.js绘制交互式3D饼图

本文由ScriptEcho平台提供技术支持项目地址：传送门基于p5.js实现色彩轮和饼状图的动态可视化应用场景本代码利用p5.js库，创建了一个交互式的色彩轮和饼状图可视化界面。它适用于需要展示颜色信息或数据分布情况的场景，如设计、数据分析和教育领域。基本功能该代码主要实现了以下功能：**色彩轮：*...

业内大佬发布Vuex源码解读，面面俱到堪称保姆级教学

1Vuex介绍Vuex是尤雨溪为vue编写的状态管理器。在我们项目开发过程中，总是会有一部分信息是所有组件都需要访问到的，比如登录用户信息，如果仅通过父子组件之间通信来传递这些信息，那么当组件的数量到达一定规模之后，将会给你的代码带来噩梦级别的灾难。由于现代框架都是以数据驱动视图，对于数据的管理就...

今天，学会这5个Vue高级实战技巧就够了

作者：maomin9761来源：前端历劫之路前言今天，我们来分享几个不可不知的vue高级实战技巧。技巧自动注册组件我们平时可能这样引入注册组件。每次都得需要在头部引入，然后注册，最后在模板上使用。<template>   <div id=...

Vue中的nextTick一般用来做什么

$nextTick：根据官方文档的解释，它可以在DOM更新完毕之后执行一个回调函数，并返回一个Promise（如果支持的话）//修改数据vm.msg="Hello";//DOM还没有更新Vue.nextTick(function(){//DOM更新...