vue随笔第10页

随笔记录

最近一段时间没有写东西了，一直忙着考驾照，练车，考试。感觉自己考驾照的这段时间过得挺充实的，有目的，有计划的去完成一件事。昨天刚刚把驾照拿到手了，上半年的时候也把初级证考到了，2018年也算有收获了。2018年，已经快过完了，在这一年里有收获也有不顺利的事情，一路磕磕绊绊的走过来。现在的我需要给自己定一个目标，继续充实自己，需要不断的学习，这样每一天才会过得有意义。

靳小样·2024-09-07 19:18

【Electron-Vue】构建桌面应用（4）-linux-windows-mac交叉打包

1.前言上两篇博客做了在windows下的electron-vue项目的打包发布，由于electron是跨平台的，所以需要产品支持多平台即Windows，Linux，Macos系统。

逆风飞翔的猿·2024-09-07 19:02

解决vite打包出现 “default“ is not exported by “node_modules/...问题

项目场景：uniapp+vue3+ts+vite问题描述：场景很多，下面只是一种//codemirror编辑器的相关资源importCodemirrorfrom'codemirror';errorduringbuild

司徒小北·2024-09-07 19:29

看Vue2.0及数字商城电商开发

Vue2.0在标签中可以使用驼峰命名法，区分大小写ES6语法1：components:{componentA}等价于components:{componentA：componentA}ES6语法2:methods

一包·2024-09-07 18:46

[uni-app]Pinia持久化

localStorage.getItem()而小程序持久化使用的是uni.setStorageSync()和uni.getStorageSync()一、pinia的定义导出在实际开发时一般会创建一个stores文件夹来存储公共库如vuex

[盐鱼]小白前端日记·2024-09-07 18:54

uniapp中使用pinia，并做数据持久化

pnpmipiniapinia-plugin-persistedstate@nuxt/devalue-S创建store文件夹，创建持久化插件/store/plugins.tsimport{App}from'vue'import

Terminal丶句点·2024-09-07 18:24

吟诵道德经随笔

英雄们在一线抗疫杀病毒我们在家吟诵经典修身自己修和家人修和全国圈友一起修让道德经的智慧透过声音透过气息传感到你的身心净化心灵让道德经的智慧引领你的生活简单生活去骄去奢一心内守见素抱朴为腹不为目宠辱不惊恬淡生活

泊芝·2024-09-07 18:20

Pinia+Vue3使用案例及Pinia持久化存储

为什么要使用PiniaPinia是Vue的一个存储库，它允许你跨组件/页面共享状态。

m0_67401228·2024-09-07 17:52

Pinia持久化的作用

Pinia是一个轻量级的Vue状态管理库，用于替代Vuex4。它提供了一个更加直观和简洁的方式来管理Vue应用的状态。

一杯梅子酱·2024-09-07 17:52

前端面试遇到的问题记录（实习）

一、vue2和vue3的区别Vue2和Vue3之间存在一些重要的区别，这些差异主要体现在架构、API、性能优化和开发体验等方面。

为什么没有实习·2024-09-07 17:19

小程序端pinia持久化

createPinia()//使用持久化存储插件pinia.use(persist)//默认导出，给main.ts使用exportdefaultpiniamain.tsimport{createSSRApp}from'vue'importpiniafrom

为什么没有实习·2024-09-07 17:16

vue-seamless-scroll 点击click失效

安装vue-seamless-scrollnpminstallvue-seamless-scroll--save引入1.main.js中全局引入importscrollfrom'vue-seamless-scroll'Vue.use

int_Q7·2024-09-07 16:11

vue-seamless-scroll 点击事件不生效

问题：在使用此插件时发现，列表内容前几行还是能正常点击的，但是从第二次出现的列表开始就没有点击事件了原因：因为html元素是复制出来的（滚动组件是将后面的复制出来一份，进行填铺页面，方便滚动）解决：往滚动组件的父节点上添加绑定事件（js冒泡机制），通过e.target定位到具体点击位置，然后判断点击位置是否是你滚动组件的一列/行具体实现0":data="companyList":class-opt

毛三仙·2024-09-07 16:40

vscode中关闭Vue Eslint语法检查

vscode中关闭VueEslint语法检查文件->首选项->设置，出现下面的界面并操作：转载地址http://events.jianshu.io/p/9efa434cb82a

TwoSs110·2024-09-07 16:38

vue使用海康视频web插件如何实现自适应

如果要实现自适应的话，就需要在不同的分辨率内设置不同的宽度和高度，可以监听当前屏幕的宽度和高度(可视区域的宽高)，划分不同的显示阶段通过设置父级元素的宽度和高度实现子级视频的自适应index.vueimportVideoplayerfrom

.ლ.·2024-09-07 16:37

使用百度地图绘制热力图（BMapGL）

.ლ.·2024-09-07 16:07

avue-crud属性说明

html代码：自定义按钮自定义菜单按钮js代码：data(){return{data:[],option:{title:'表格的标题',align:'center',//表格列齐方式menuAlign:'center',//菜单栏对齐方式columnBtn:false,//列动态显隐按钮refreshBtn:false,//刷新按钮saveBtn:false,//保存按钮;updateBtn:fa

.ლ.·2024-09-07 16:37

第一次随笔

第一次随笔欢迎使用Markdown编辑器你好！这是你第一次使用Markdown编辑器所展示的欢迎页。

Ed_blue·2024-09-07 16:07

vue-seamless-scroll(二)点击事件

继上一篇文章vue-seamless-scroll(一)使用在表格数据滚动的时候想要点击某一行获取当前行的数据，但是当数据在第二轮数据滚动的时候点击没有反应，获取不到数据，该怎么解决？

.ლ.·2024-09-07 15:05

二手物品交易系统（11279）

加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue

codercode2022·2024-09-07 13:17

JavaEE(3)

业务分析市场提出需求设计编码测试运维项目搭建步骤1.搭建后端项目2.登录向后端发送请求使用axios发送异步请求在vue项目中安装axios在终端输入npminstallaxios安装更换npm镜像源，

无柳丶先生·2024-09-07 12:14

Vue响应式进阶常用API学习

shallowRef是浅层引用,只会跟踪原始对象的引用,不会跟踪原始对象的属性 {{data.name}} {{data.address.city}} import{shallowRef}from'vue'constdata

Alan-Xia·2024-09-07 11:41

开源项目低代码表单FormCreate中教你如何扩展业务组件

开源项目低代码表单FormCreate支持在表单中生成并使用任何Vue组件。无论是简单的UI组件，还是复杂的自定义逻辑，都可以通过以下方式轻松集成到表单中。

小圆效率手册·2024-09-07 11:41

开源|低代码表单FormCreate通过循环创建多个表单?

源码地址:Github|Gitee获取表单数据添加表单重置表单提交表单import{ref}from'vue';import{ElButton,ElDivider}from'element-plus';

低代码研究员·2024-09-07 11:40

【vue、UI】使用 Vue2 和 Element UI 封装 CSV 文件上传组件,实现csv回显

文章目录前言组件功能概述实现效果组件模板结构组件的核心逻辑1.数据属性定义2.方法拆解3.CSV文件解析方法4.错误处理方法组件样式完整组件代码总结待优化的地方前言在Vue2项目中，我们经常需要封装一些可重用的组件来提升开发效率

fruge365·2024-09-07 11:38

【vue、react】前端如何为package.json添加注释

文章目录前言安装使用方法问题前言写了个项目，想给package.json加注释结果发现加不上去，就在网上查找了相关文章，特意总结记录一下，防止下次使用。参考文章：如何为package.json添加注释众所周知，JSON文件是不支持注释的，除了JSON5/JSONC之外，我们在开发项目特别是前端项目时，大量会用到JSON文件，特别是在编写package.json中的scripts时，由于缺少注释,当

fruge365·2024-09-07 11:38

手写 Vue Router 中的 Hash 模式和 History 模式

VueRouter是Vue.js的官方路由库，负责管理Vue应用中的页面导航。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。

It Works·2024-09-07 11:37

vue3和vue2的双向绑定原理

Vue的双向绑定是其核心特性之一，允许数据和视图之间保持同步。在Vue2和Vue3中，双向绑定的实现原理有所不同。

m0_73882020·2024-09-07 10:57

在 Spring MVC 中部署路由为history模式的vue项目

为了处理Vue.js的History模式，需要在SpringMVC中配置一个控制器来转发所有的非API请求到index.html。这样，前端路由可以接管URL并正确显示Vue.js组件。

Faith-J·2024-09-07 10:27

electron-vite-vue开发桌面应用之应用更新版本提示（十三）

云风网云风笔记云风知识库当项目应用包更新后应该主动提示用户更新，这是采用electron-updater进行更新提示一、安装依赖npmielectron-updater二、配置安装包更新地址electron-builder.json5添加配置//配置安装包更新地址publish:[{provider:"generic",url:"http://www.niech.cn/everyDayNote",

niech_cn·2024-09-07 09:52

个人建站前端篇（五）插件unplugin-vue-components的使用

unplugin-vue-components是由Vue官方人员开发的一款自动引入插件，可以省去比如UI库的大量import语句。

niech_cn·2024-09-07 09:22

vue3+vite+electron开发桌面端应用流程

一、创建项目初始化项目:npminitvite@latest'projectname:输入项目名称，selectaframework:选择框架vueselectavariant：选择使用js或者ts安装默认依赖包

沪cares·2024-09-07 09:21

电子应用速成指南：Electron-Vite-Vue 实战手册

电子应用速成指南：Electron-Vite-Vue实战手册electron-vite-vueReallysimpleElectron+Vite+Vueboilerplate.项目地址:https://

褚柯深Archer·2024-09-07 08:50

2020-12-01以往随笔

“我是说我只在需要的时候才去，看书或者是什么。我不太喜欢计划，规定自己固定时间去装模作样的补充自己。……”我不喜欢自己说的话没有水平，就是要么不说，要么不要说的没有水平。我讨厌自己说出漏洞百出的话。我时刻让自己容纳所有，即使是讨厌的难以忍受的。恶心总有恶心存在的理由，我不会因为自己的感官而否定讨厌鬼的存在。开始清晰的感受到自己不该存在这世上的意思。我以前根本不会理解这句话。不过，很多事都是这样的不

好好学习欧尼酱·2024-09-07 08:50

vue3中provide和inject使用。

在Vue3中，provide和injectAPI是一种非常强大的功能，用于在组件层级之间传递数据，特别是在处理深层嵌套组件时非常有用。

gxw_viva·2024-09-07 08:43

Vue 3 中 provide 和 inject 高级用法与最佳实践

《Vue3中provide和inject高级用法与最佳实践》一、基本概念二、高级用法（一）提供函数（二）响应式数据（三）多值提供三、最佳实践（一）封装通用服务（二）避免过度依赖（三）命名规范（四）结合Vuex

暖阳浅笑-嘿·2024-09-07 07:12

Vue 子组件向父组件传值

1、使用自定义事件($emit)这是Vue中最常用的子组件向父组件传递数据的方式。子组件通过触发一个自定义事件，并附加数据作为参数，父组件则监听这个事件并处理传递过来的数据。

u010373106·2024-09-07 07:10

class 7: vue.js 3 前端工程化

默认情况下，不能直接使用单文件组件来编写组件，因为浏览器不认识SFC(.vue)文件。

Clarence Liu·2024-09-07 07:39

Vue2 中对数组进行操作时需要注意什么

在Vue2中，对数组进行操作时有一些需要特别注意的地方，以确保Vue的响应式系统能够正确地检测和反应数据的变化。

m0_73882020·2024-09-07 07:37

vue part6

Vue脚手（CLI）第一步（仅第一次执行）：全局安装@vue/cli。

E___V___E·2024-09-07 07:05

Vue 3 中的 provide 和 inject 跨组件通讯

在Vue3中，provide和inject的使用方式略有不同，但依然提供了强大的功能来实现跨组件通信。1.祖先组件提供数据在祖先组件中使用provide提供数据。

u010373106·2024-09-07 06:03

vue3，贪吃蛇

}速度:{{speed}}游戏暂停按空格键开始/暂停重新开始import{ref,reactive,onMounted,toRefs,watch,computed,onUnmounted,}from"vue

har01d·2024-09-07 04:20

vue前端实现打印功能

方案一：window.print()这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐方案二：利用iframe，iframe.contentDocument.execCom

是小芳芳呀·2024-09-07 04:17

Vue-技巧

1.watch一个变量的时候，初始时并不会执行。需要在create的时候手动调用一次。可以在watch的时候添加immediate属性，这样初始化的时候也会触发。2.Attrs和Listeners。V-bind="$attrs",V-bon="listeners"来获取到没有定义的props以及方法3.Object.freeze:1.大数据的时候，如果有一些数据不需要响应式变化，既可以拆分组件，做

菜鸟出动大神让路·2024-09-07 04:58

浅谈一下前后端分离（什么是前后端分离以及前后端分离的原理）

1前后端分离简单来说，就是一个前端，一个后端，前端主要负责就是页面部分，比如htmlcssvue等，而后端主要就是与数据库打交道，实现对数据库的增删改查，你也可以这样理解，后端就是从数据中取值生成一个数值传递给前端

java_upp·2024-09-07 04:46

今日随笔/看雨的人比雨孤独

往后的日子，我想认真地回看，不再谨慎地生活，大胆去爱，放肆地奔跑。大年初三。下了小雨。记忆中好像是第一次过年时下雨。一年的开头用雨来开始，仿佛预示着今年又是孤独的一年，因为看雨，我总觉得一个人比两个人有意思。记忆里琐碎的片段，几乎都关于雨。洛阳的阴天，下着小雨，天气骤降。雨滴在车窗划过一条长长的路，痕迹里透着远处霓虹的灯光。高中的时候，踏着湿漉漉的地面，一个人回教室复习。他们都完整无好的保存在我记

私想者·2024-09-07 03:00

在 Vue 3 中，如何使用 Teleport 来优化组件的 DOM 结构？

在Vue3中，是一个内置组件，它允许你将组件的DOM输出到组件外部的DOM节点中。

盼盼盼·2024-09-07 01:28

【vue3+ts+vant】上传图片

1.使用van-upload组件，进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader{&__preview{&-delete{left:-6px;top:-6px;border-radius:50%;background-c

lisa带你捕蟑螂·2024-09-07 00:54

使用vue3+ts封装一个自动补全输入框Autocomplete组件

创建一个名为Autocomplete.vue的文件，在这个组件中，使用了Vue3的CompositionAPI，包括ref、watch、onMounted等。

温暖前端·2024-09-07 00:22

今日随笔

2019.12.14.周六晴全职第489天52+14/day172【皮皮第172天】1.昨晚夜奶两次2.早上睡到九点半醒来，十一点半入睡，十二点半左右起来，两点十几分睡到四点半左右，五点半睡到六点半，十点半左右入睡。3.口水多多，吃手指4.跟豆豆玩，好似在比声音高，一直在那边大喊。5.跟着出去逛街。6.越来越喜欢跟人玩。【今日份豆豆】1.周末，依旧是全家最早起来。起来看电视2.跟我玩过家家，自己给

小小林_005b·2024-09-06 23:42

推荐频道

vue随笔