技术栈：vue3+ts+vite+vue-router+element-plus+pinia1、vite创建vue3+ts项目：为什么选择vite而不是vue-cli： vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动：快速的冷启动，不需要等待打包操作； 即时的热模块更新，替换性能和模块数量的解耦让更新飞起； 真正的按需编译，不再等待整个应用编译完成，这是一个
转载
2024-10-19 21:39:42
168阅读
class样式绑定 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型
目录1.vue3带来的新变化（加+）2.移除vue2中的某些语法（减-）3.目录变化4.组合式API和选项式API的区别 5.组合API-setup函数6 . 组合API-生命周期 7.组合API-ref函数 &nbs
转载
2024-09-24 16:40:22
384阅读
先放个官方文档链接~某位同事研究
vue3时，发现
vue3的Teleport使用起来有点问题。<template>
<div class="test">1
<div class="qwe">2</div>
<teleport to=".qwe">333</teleport> //情况一：失败并报错
距离vue3出来也是有段时间了，用它做了一个项目，本文简单总结一下使用vue3日常开发遇到的问题，和之前变动还是蛮大的transition组件vue2.x中使用路由的过渡组件直接使用就ok，在vue3的版本中，要使用router-view进行包裹，就像下面这样，不然没效果，控制台也会有警告全局相关3.x的版本中，挂载全局使用globalProperties，详情可以去看官方文档；比如下面我们一个全
vue3.0 beta 版本已经发布有一阵子了，是时候上手体验一波了～注意，本文所有演示都是基于 vue3.0 beta 版本，不保证后续正式版 api 不改动。等官方文档出来后，以官网为准。 环境搭建直接使用脚手架，如果本地没有安装的可以执行脚手架安装命令：npm install -g @vue/cli如果本地安装过的，可以尝试更新一下：npm update -g @vue/
转载
2024-06-26 23:02:53
117阅读
本文基于Vue3描述Leaflet的基础入门
1. 概述Leaflet 是一个开源、轻量并且对移动端友好的交互式地图 JavaScript 库，大小仅仅只有 39 KB, 拥有绝大部分开发者所需要的所有地图特性Leaflet 的官网为：Leaflet - a JavaScript library for interactive maps (leafletjs
说明：vue3小版本更新、补丁等带来的改动会导致可能文章讲解的内容与实际使用不一致。（已经碰上了。。），版本功能已稳定下来了，也不用怕。版本：vue：3.2.31 ；版本时间：2022-3-17 的最新版；文章更新时间：2022-4-4$attrs类型：Object仅可读先讲解 $attrs ，这样与`inheritAttrs`结合起来更容易理解。重点：包含了父作用域中不作为组件 `props`
Vue.prototypevm.$watch 设置监听器，和直接在配置项中写的 watch 类似vm.$set 设置响应式数据的值vm.$delete 删除某个响应式数据vm.$destroy 销毁这个组件/实例 会触发 beforeDestory 和 destroyed 周期函数vm.$forceUpdate 强制通知组件更新「一般响应式数据更改后，组件会更新；但是非响应式数据更新后，我们也想
文章目录文章参考问题描述什么是“回流和重绘”？何时会发生回流重绘？重绘引发的性能问题？如何减少重绘和回流DocumentFragment是一个存在于内存的 DOM 片段，不属于当前文档Vue keep-alive 引发的思考 文章参考document.createDocumentFragment()详解回流和重绘及优化问题描述昨天同事培训Vue问了一个“回流”和“重绘”的问题，自己回答的是数据量
转载
2024-04-22 11:08:49
83阅读
1、引言 设计结课作业,课程设计无处下手，网页要求的总数量太多？没有合适的模板？数据库，java，python，vue，html作业复杂工程量过大？毕设毫无头绪等等一系列问题。2、作品介绍2.1、作品简介方面 小米商城首页采用常规方式来实现，符合绝大部分的要求。代码配置有相关文档讲解，如需从代码中学到知识点，那么这个作品将是你的不二之选2.2、作品二次开发工具此作品代码相对简单
现在找前端工作一定要会 Vue 吗？这是很多前端求职面试中疑问最多的。现在国内主流的开发框架就是 Vue 和 React，你说你要不要会呢？前端开发大方向放在这里，就意味着掌握这两个开发框架的求职者工作机会会更多一些。而且，Vue 是一套用于构建用户界面的渐进式框架，并且它作为一个新的前端框架，在工作中也存在一定的优势：1. Vue 吸收了其他框架的优点：例如 Vue 借鉴了 React 的组件化
我们 之前 谈 学习vue源码（5） 手写Vue.use、Vue.mixin、Vue.compile的时候 谈到了Vue.mixin的源码实现，然后谈到了mergeOptions，那时并没有深入解说 这个函数 的原理。如图所示 这次我们就来深入研究下，因此也就离不开Vue中的一个重要思想：合并策略了。我们有时面试时可能会遇到这样的问题：引入的mixin的data中 有 n
转载
2024-09-09 13:45:13
120阅读
RouYi-Vue前后端分离1、项目启动（1）环境准备JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12（2）后台运行启动本地的Redis服务1、前往Gitee下载页面(https://gitee.com/y_project/RuoYi-Vue (open
目录创建项目vue_cli创建项目vite创建项目常用APIsetup()基本使用示例ref与reactiveref与reactivetoRef与toRefs计算属性computed示例监听属性watch示例监听属性watchEffect示例新的生命周期钩子函数使用vite创建的项目创建项目vue_cli创建项目vue_cli的安装见：
使用vue_cli创建项目与创建vue2.0项目步骤相同#
转载
2024-05-13 18:00:41
402阅读
项目需求是这样的：要求实现类似于微信聊天一样，表情+文字效果 “文字效果???”表情包三种方案表情包的实现其实可以分为以下三种情况：表情包：点击表情--直接发送大表情（这种方案其实就是发送了一张定义好的图片而已）emoji图标表情：系统可识别的emoji图标表情，这种表情实现起来相对麻烦一些，其实这种方法emoji我们可以当成一个2位字符的特殊文字去处理
推荐emoji网址:emojis案例
下载安装插件npm install xlsx
or
yarn add xlsx在项目的node_modules文件夹和package.json文件中可以找到xlsx依赖导入项目import * as XLSX from "../../node_modules/xlsx"获取文件对象这里使用的h5原生文件上传项<input type="file" id="uploadExcel" multip
以下问题是我在项目过程中遇到的，解决办法有针对性，并不一定对各位看官的问题有效，仅供参考～1、webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING用vue-cli webpack模板搭建的，用着用着发现热加载失效了，网上百度说可能是因为文件目录命名有问题，components文件夹下有个目录是驼峰式命名，改过之后热加载就有效了2、父组件获取异步数据之后，
转载
2024-09-24 18:20:00
344阅读
Vue3 + Vite 实现项目搭建 首先嘞，这个博文就是简单的记录一下自己的对 Vue3 的学习，所以说呢，并不代表他是完全正确的。 Vite 创建 Vue3 项目有两种常见的方式，一种是想 vue2 版本一样使用脚手架工具创建，创建 vue3 项目的脚手架必须是4版本以上的，另一种方法就是使用
原创
2022-07-10 00:37:07
2451阅读
Vue3 特殊属性：key,ref,isvue3 特殊属性：keyrefis key期望值：number | string特殊属性key主要用于提示Vue的虚拟DOM算法在区分新节点列表和旧节点列表时识别VNodes。没有key的时候，Vue使用一种算法来最小化元素移动，并尽可能就地修补/重用相同类型的元素。使用key，它将根据键的顺序变化对元素重新排序，而key不再存在的元素将总是被删
转载
2023-11-13 23:17:50
137阅读
