随笔分类 - Vue3
谁小时候的梦想是能有钱买一套属于自己的房子啊！
摘要：vite + vue3 实现打包后 dist 文件夹可以直接打开 html 文件预览 问题 为什么突然写这么一篇文章，首先，自己用vite+vue写了点静态页面，需要给客户看页面效果，但是我打包之后将 dist 发送给客户后，客户没有通过nginx等三方服务部署，直接打开html文件页面是空白的。
阅读全文
摘要：vue3 实现前端生成水印效果 首先一点哈，就是单纯web前端生成水印只能作为警示使用，如果享彻底防住几乎是不可能的，有无数种方式去掉web前端生成的水印，所以这种方式只当是一个君子协议吧。 编写水印组件 首先直接把这部分封装成一个组件吧，我这边直接上代码了。 创建一个 waterMark.vue
阅读全文
摘要：vue3 实现甘特图 有一个特别好用的插件，专门用来做甘特图的，分享一下。 相关资料 文档：https://vxeui.com/#/start/useGantt/install 安装 安装的话特别简单，使用下面命令就可以了： npm install vxe-pc-ui@next vxe-table@
阅读全文
摘要：Vue 前端封装组件基础知识点 该文档仅供参考，具体封装方式根据项目需求和团队规范进行调整。 一、封装组件的目的 在 Vue 开发中，封装组件是核心思想之一，其目的和意义主要体现在以下几个方面： 核心目的 说明 示例场景 代码复用，减少冗余 将重复出现的 UI / 逻辑抽离为组件，避免 “复制粘贴”
阅读全文
摘要：vue实现拖拉拽效果，类似于禅道首页可拖拽排布展示内容（插件-Grid Layout） 这个是类似与禅道那种首页有多个指标模块，允许用户自己拼装内容的那种感觉。 实现效果 插件资料 vue3版本 如果项目是vue3 的话使用的是 Grid Layout Plus。 官网：https://grid-l
阅读全文
摘要：JS获取用户访问网页的浏览器、IP、地址等信息 实现访问统计 要做一个网站统计功能，需要获取用户访问的浏览器类型、版本、用户访问的IP地址、用户的所在城市、访问时间、访问路径。 因为我们这个只需要统计访问的那个页面就可以，不需要记录具体点击了那些功能，所以就只需要想办法获取用户访问的浏览器类型、版本
阅读全文
摘要：vue3 实现组织架构图 插件 组织架构图使用的插件是vue3-tree-org。 一个基于vue3.x的简易版组织架构图。 架构图支持拖拽和通过鼠标滚轮缩放 支持新增/删除节点 支持编辑节点名称 支持拖动节点改变树结构 支持自定义右键菜单 支持slot自定义节点渲染内容 支持slot自定义展开按钮
阅读全文
摘要：vue3 实现web网页不同分辨率适配 首先这个标题可能不是特别的合适，之前开发了一个网站，那个网站是类似于官网的效果，按照 19201080100% 的分辨率进行开发的，但是在开发完成之后，发现有的电脑是 19201080125% 的大小展示的，这样的话，有些地方可能展示就会出一些问题。当然了可以
阅读全文
摘要：前端开发规范基础汇总 命名规范 常用的命名规范 camelCase（小驼峰式命名法 —— 首字小写） PascalCase（大驼峰式命名法 —— 首字大写） snake_case（下划线命名法） kebab-case（短横线命名法） 项目文件命名 项目命名 全部采用小写方式，以短横线分隔。例：my-
阅读全文
摘要：vue 实现关键字高亮效果 这是啥子意思呢，就是类似于百度搜索，根据关键词搜索结果，搜索结果中，与关键词相同的字显示红色，仅此而已，没有什么大的功能。简单写一下demo。 环境 我使用的是 vue3 + ts 的语法来写，其实一个样儿，关键代码 js、ts 都可以，就一个方法，调用一下就可以了。 <
阅读全文
摘要：vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl
阅读全文
摘要：vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element-
阅读全文
摘要：Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav
阅读全文
摘要：vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI
阅读全文
摘要：vue3 hooks使用 今天我们稍微说一下 vue3 项目中的 hooks 的使用，其实这个 hooks 呢是和 vue2 当中的 mixin 是类似的，学习过 vue2 的小伙伴一定对 mixin 一定比较熟悉，就算没用过也一定了解过，也就是混入，通过 mixin 混入来分发 vue 组件中的可
阅读全文
摘要：vite 创建 vue3 项目 TS 类型 之前学习过 vue2 的宝子们是知道的，当时我们开发 vue2 项目呢，使用的是 js 编码。当 vue3 发布之后，很多小伙伴尝鲜，很多人都已经知道了 vue3 的底层是用 ts 来写的，所以呢，vue3 对于 ts 的支持和适配已经是相当不错了，所以说
阅读全文
摘要：Vue3 Pinia使用 在学习 Vue2 的宝子们一定都知道，在 vue2 版本中，如果想要使用状态管理器，那么一定是集成 Vuex，首先说明一点，Vuex 在 vue3 项目中依旧是可以正常使用的，是 vue 项目的正规军。但是，今天我们学习一下小菠萝，Pinia 目前也已经是 vue 官方正式
阅读全文
摘要：Vue3 组件传值 今天说一下 vue3 的组件间传值，学习过 vue2 的宝子们肯定知道，组件传值是 vue 项目开发过程中必不可少的功能场景，在 vue2 里面有很多传值的方式，vue3 的传值方式呢，在这里稍微整理总结一下，但是不是很全，后期可能慢慢补充。 父子组件传值 props 和 vue
阅读全文
摘要：Vue3 shallowRef 和 shallowReactive 嗯，怎么说呢，其实这两个函数并不是很常用，在开发过程中基本上用不到，但是呢，我不写我又感觉少点啥，所以说就简单的说一下吧，其实不看也可以哈。 shallowRef 和 shallowReactive shallowRef 函数，只处
阅读全文
摘要：Vue3 watchEffect 侦听器 上一节我们学习了 watch 侦听器的基础用法，用来监听页面数据的变化，那么今天呢，我们来学习一下 watch 侦听器的好兄弟 watchEffect 侦听器。这个相对来说比较简单，用的不是很多，当然了，根据自己的项目情况自行决定使用。这个就不详细说了，简单
阅读全文
浙公网安备 33010602011771号