vue3随手记第46页

Vue3Ts中如何实现父组件传递给子组件

前言最开始我写vue3项目的时候父子组件传递数据，我直接按钮scope.row传递，子组件接收的时候为init接收，但是这种情况出现了一个情况就是当你点击弹窗的时候，明明数据已经给你传送接收了，断点查数据也没有问题

子伟-H5·2024-01-18 13:44

【Vue3】如何封装一个超级好用的 Hook ！

什么是HookVue3官方文档是这样定义组合式函数的。A"composable"isafunctionthatleveragesVue's

子伟-H5·2024-01-18 13:13

非法请求显示404页面

用户在访问不存在路由时，会显示404页面，用户可自行切换页面或回到首页404页面作为一个通用页面，任何非法请求，全部都会跳转到404页面上###应用到的技术栈vue3--vue-router--vite

@tg·2024-01-18 13:51

Tortoise-orm 使用 (一) 创建表

项目基于Vue3.0,FastAPI的模板管理系统，从网上找了各种资源去实践，现在将总结发出来，分享给大家，希望帮助大家少走些弯路。

@@鹏~~~·2024-01-18 12:23

晚秋随手记

当岁月挽着我的胳膊走近深秋，才晓得自己又添了一岁，初次领会“夕阳无限好，只是近黄昏”。看夕阳在河面上煞有介事地跳跃，像是七八岁的孩子，心无旁顾，踩着自己的影子也能尽情玩耍。我和老公开车行驶在回家的路上，看落日余晖，看斜阳普照，把本就泛黄的树叶再渡上了金黄，老公的车速不减，而我的思绪却喜欢停留，靓丽的金秋，使我拿起手机，留下喜欢的片段，藏进记忆深处，翩翩起舞。车在行驶，不时换了自然风光在我的视野，像

扫云·2024-01-18 12:42

VUE 中的 v-for 和 v-if 是否可以共存

1、面试经提到这个问题，很多人肯定会脱口而出：1.Vue2中不可以2.Vue3中可以再往深问，可能少部分人会回答出：1.V

前端早间课·2024-01-18 12:45

vue2+webpack升级vue3+vite，在vue3组合式编程中使用vuex

正文开始场景一、从vue2到vue3组合式编程二、vue3中调用vuex总结场景我的项目是从vue2+webpack升级为vue3+vite，这种升级工作，其实最重要的不是如何快速准确地把原有vue2项目全部重构为

中二少年学编程·2024-01-18 11:49

Template -- Vue3

Vue3版本Node21.6.0Npm10.2.4项目创建npminitvite项目名称vuejsnpminpmrundev依赖npmielement-plus#UInpmiaxios#网络npmivue-router

平凡シンプル·2024-01-18 10:58

基于Java+SpringBoot+Vue3+Uniapp前后端分离考试学习一体机设计与实现企业级2.20版本(视频讲解，已发布上线)

博主介绍：✌全网粉丝5W+，全栈开发工程师，从事多年软件开发，在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目，可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有un

卡布奇诺-海晨·2024-01-18 10:39

vue3中固定格式信息识别功能

1.需求与效果2.功能代码//定义一个函数discernconstdiscern=()=>{//定义变量paramsList和paramsletparamsList;letparams={};//将htmlText.value按换行符分割，得到一个数组，每个元素是一行文本paramsList=htmlText.value.split('\n');//定义两个数组，object包含了我们想要获取的信

℘团子এ·2024-01-18 09:21

vue3中父子间的通信（双向绑定传递的参数）

一、.常用的父子通信（1）父传子父组件fatherPage.vue传递数据我是父组件fatherPageimportChildPagefrom"./components/ChildPage.vue";import{ref}from'vue';constdialogHctVisible=ref(true)子组件childPage.vue接收数据我是子组件ChildPageimport{defineP

℘团子এ·2024-01-18 09:21

【尚硅谷——使用脚手架】

模板项目的结构1.4其他说明1.4.1render函数1.4.2自定义配置1.4ref与props1.4.1ref1.4.2proprs1.5混入1.6插件1.7scoped样式【前端】尚硅谷Vue2-Vue3

骑鱼过海的猫123·2024-01-18 09:34

【前端目录贴】

【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴3.【前端】vue.js从入门到项目实战笔记

骑鱼过海的猫123·2024-01-18 09:32

VScode搭建element-ui环境

新建终端当前虽在文件是vuetask文件夹cdvue01npmrunserver想要退出，ctr+c引入element-UInpmielement-ui-S报错应该是我再shell里选错了，vue3不能和

LeeyyG·2024-01-18 08:53

vue3 + vite + ts 创建项目过程

0.前提1.node环境和npm1.创建项目npminitvite项目名称vue-tscd项目名称npminstall2.配置vite.config.tsimport{defineConfig}from"vite";import{resolve}from"path";importvuefrom"@vitejs/plugin-vue";exportdefaultdefineConfig({plugi

小芈儿·2024-01-18 07:13

组件v-model（.sync）记录使用（vue3）

示例（演示地址）以下是Vue3中使用v-model实现组件的双向数据绑定的示例代码：首先，让我们来了解一下Vue3中v-model的用法。

月照一江秋水·2024-01-18 07:46

Vue3 + Electron框架读取程序外部配置文件

网上找了一堆都不行，根据这个步骤来肯定能用1.在项目下新建一个config.json文件2.json文件中写入一些配置3.vue.config.js中配置打包时把config.json文件copy到应用目录下pluginOptions:{electronBuilder:{nodeIntegration:true,builderOptions:{extraResources:[{"from":"./

今晚哒老虎·2024-01-18 07:29

新建vue3项目，启动后访问http://localhost:3000/，发现页面不是vue3项目首页

正常页面打开应该显示：打开后访问的错误页面：打开页面的第一想法：“王德发！！！！！！！！吓唬老子，老子可不是被吓大的。肯定是浏览器缓存，清缓存，结果还是这个吊样”我仔细一看这个页面不是之前我自己的webpack4的demo吗。于是我找到我练习时候的代码，发现这里注册过serviceWorker←serviceWorker是什么，一句话概括核心功能就是拦截和处理网络请求，以编程方式管理响应缓存。看没

斯图尔te·2024-01-18 07:26

vue3前端开发,感受一下组合式api和VUE2选项式的差异

vue3前端开发,感受一下组合式api和VUE2选项式的差异！今天开始，正式开始，进入学习Vue3的内容。以后代码，案例分享，都会采用组合式api的模式为大家做展示。

yrldjsbk·2024-01-18 06:45

vue3自定义指令（directives）的使用

在Vue3中，自定义指令的用法相对于Vue2有一些变化。

深度学习研究员·2024-01-18 05:38

全过程工程咨询——时间管理（22）

本节主题：随时用大脑思考，随手记录下大脑的想法。清单可以节省时间，提升效率。清单的作用不只这些，医疗清单、任务清单、人生清单、玩具清单，事无巨细，小到一次购物，大到人生规划，均可以使用清单。

丨张伟丨·2024-01-18 05:48

Vue3中动态组件使用

一，动态组件使用：应用场景：动态绑定或切换组件应用Vue3碎片：is1.使用a.组件A红茶a.组件B绿茶2.页面使用换茶import{ref}from'vue'importGreenTeafrom'.

会做梦的辣条鱼·2024-01-18 04:50

Vue3中provide,inject使用

一，provide,inject使用：应用场景：向孙组件传数据应用Vue3碎片：ref，reactive，isRef，provide,inject1.provide,inject使用a.爷组件引入import

会做梦的辣条鱼·2024-01-18 04:20

Vue3中使用自定义指令

一，自定义指令：应用场景：禁用按钮多次点击1.vue2a.src/libs/preventClick.jsimportVuefrom'vue'constpreventClick=Vue.directive('preventClick',{inserted:function(el,binding){el.addEventListener('click',()=>{if(!el.disabled){e

会做梦的辣条鱼·2024-01-18 04:49

【Vue自定义事件详细介绍】

.once`和`.capture`6.移除事件监听器7.事件总线(EventBus)1.自定义事件Vue.js中自定义事件是组件间的一个主要通信方式，尤其是用于子组件向父组件发送消息，在Vue2.x和Vue3

程序员不想YY啊·2024-01-18 04:19

Vue3 组件调用自己本身 Element-plus 左侧菜单自动无限分级

怕忘了，记录一下Vue3组件调用本身创建temp.vue文件，调用自己主要是name要设置一个唯一名称如下的CustumVue然后直接调用exportdefaultdefineComponent({name

囧囧的猪·2024-01-18 03:46

vue3+threejs可视化项目——引入threejs加载钢铁侠模型（第二步）

yma16·2024-01-18 03:15

【前后端分离博客】学习笔记01 --- 登录模块Sa-Token

前言用于记录自己学习博客项目的流程基于Springboot+Vue3开发的前后端分离博客项目源码：Blog:基于SpringBoot+Vue3+TypeScript+Vite的个人博客，MySQL数据库

乌云不要说话·2024-01-18 02:38

#vue3# el-table-horizontal-scroll 让 el-table 在底部显示横向滚动条

一、需求:当el-table的宽度超出浏览器宽度时，尽管el_table底部会出现滚动条，但使用起来不太便捷，因为每次需要先滚动到底部才能使用el-table的滚动体，这显得相当繁琐。为了提升体验，希望在el-table的宽度超出屏幕宽度时，即使没有滚动到底部，也能够在可视范围底部添加一个横向（左右）的滚动条，能够更方便地使用el-table。（即系不需要拉到底部才可以显示滚动条）二、安装：npm

Miraitowa_chole·2024-01-18 01:04

2019-08-22 v（手把手教学）vue3.0 项目中安装使用jquery

第一步：安装npminstall--savejquery第二步：查看package.json文件"dependencies":{"jquery":"^3.4.1",///一定要有这个没有的话，手动添加"@antv/f2":"^3.4.1","core-js":"^2.6.5","vue":"^2.6.10","vue-router":"^3.0.3","vuex":"^3.0.1"},第三步：新创

冬天的_太阳·2024-01-17 23:04

vue3的生命周期

vue3的生命周期1、beforeCreate->使用setup()2、created->使用setup()3、beforeMount->onBeforeMount4、mounted->onMounted5

桔子TJ·2024-01-17 22:29

vue3代码运行报错import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref,

vue3代码运行报错如下：Nomatchingexportin“node_modules/.pnpm/[email protected][email protected]/node_modules/vue-demi/lib

回忆哆啦没有A梦·2024-01-17 21:26

vue3.0+webpack

vueinitwebpackmypro初始化一个项目并指定打包工具之后提示我需要安装，这是vue3.0和vue2.之间的桥接工具：npminstall-g@vue/cli-init安装完成即可再次vueinitwebpackmypro

真是个非常帅气的昵称呢·2024-01-17 21:11

vue3使用jodit富文本编辑器，自定义各项配置及组件封装

目录常用配置设置中文字体设置CDN的引用图片上传对编辑器中生成的元素添加默认属性组件封装本文使用时的版本："vue":"^3.2.36"，"jodit":"^3.24.7"Jodit是国外编写的一个功能强大的富文本编辑器，有常规版本和PRO版本，PRO版本功能更全，但需要付费，常规版本也已够用，目前官网没有提供中文文档。当我们在使用时，会遇到一些问题，比如在设置了编辑器的语言版本为中文后，仍有部分

上官熊猫·2024-01-17 20:37

vue3中按需使用echarts5贴花图案和跨系列的形变动画

先做一下说明，是在vue3中采用按需引入的方式，对应版本如下："@vue/cli":"4.5.15","vue":"^3.2.21","echarts":"^5.2.2"按照官方对贴花图案和跨系列的形变动画的说明

上官熊猫·2024-01-17 20:37

在vite5和vue3开发环境中使用jodit4富文本编辑器，并添加自定义插件和使用highlight.js实现代码块高亮（附其他自定义配置项和全部代码）

最近富文本编辑器jodit终于更新发布到了4.0版本，加入了css变量、有更好的typescript支持，截止发文时的版本是：4.0.5，看到有了新版本于是便想着将本地项目中的jodit版本也进行升级，琢磨着再丰富和添加一些功能，就开始了各种踩坑，在这里做个分享。joditPro版集成的功能更多，但需要付费才能使用。相对于jodit3.x版本，引入方式有了变化，配置项差别不大，对于jodit3.x

上官熊猫·2024-01-17 20:06

c语言如何动态编译,C语言制作编译动态链接库

最近做项目的时候，需要跟人工智能组对接应用接口，要把写好的C函数给Python代码调用，所以打算把写好的代码制作成动态库，给他们直接import，随手记录一点相关知识1.概念程序的函数库一般就是：静态函数库

典农中郎将冯习·2024-01-17 19:25

js-时间相关操作（获取当前日期、最近三天、近一月及前N天的日期）

我这里采用vue3.0的写法1.日期选择器，限制范围（默认当前日期，以及前2天）选择时间:import{onBeforeUnmount,onMounted,reactive,ref,getCurrentInstance

七月_Mo·2024-01-17 18:23

Vue3响应式系统(三)

Vue3响应式系统(二)https://blog.csdn.net/qq_55806761/article/details/135612738七、无限递归循环。响应式系统里无限递归也是需要考虑到的。

进阶的小鸟·2024-01-17 17:26

Vue3响应式系统（一）

functioneffect(){document.body.innerText='hellovue3'}再例如：//全局变量letval=2functioneffect(){val=2//修改全局变量

进阶的小鸟·2024-01-17 17:55

Vue3响应式系统（二）

Vue3响应式系统(一)https://blog.csdn.net/qq_55806761/article/details/135587077六、嵌套的effect与effect栈。

进阶的小鸟·2024-01-17 16:50

(N-139)基于springboot,vue宠物领养系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue3+element-plus服务端技术：springboot

IT教程资源-·2024-01-17 16:01

Vue3 如何优雅的使用 createApp 自定义通用Dialog

最近在做一个项目的技术栈升级，从Vue2升级至Vue3，Vue2中有一个通用的全局Dialog方法，是通过Vue.extend来实现的，具体请看下方的Vue2代码：一、main.js中定义通用方法Vue.prototype

小小楠瓜子·2024-01-17 15:38

下一代 Vue3 Devtools 正式开源

什么是VueDevToolsVueDevTools是一个旨在增强Vue开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解Vue应用程序。VueDevTools：UnleashVueDeveloperExperience.EnhanceyourVuedevelopmentjourneywithanamazingexperience!典型的功能特征包括：Pages：显示当前的路由以及一些有用的

xiangzhihong8·2024-01-17 14:49

解决vue3中不支持.sync语法糖

在Vue3中，.sync修饰符已经被移除。在Vue2中，.sync修饰符是一个语法糖，用于简化子组件和父组件之间的双向数据绑定。在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。

前端玖耀里·2024-01-17 13:15

vue2.0/3.0 使用ref获取dom元素

$refs.drag)}}vue3.0用ref获取DOM元素：由于vue3.0中没有this和$refs，则在vue2中使用$refs来获取dom元素的方法在vue3行不通所以在vue3就可以使用以下方法

小粗腿Cc·2024-01-17 13:11

基于vue3.0简单的页面使用

基于vue3.0简单的页面使用项目效果图项目文件图package.jsonmain.jsApp.vueviews/Tutorial.vueviews/TS.vueviews/Docs.vueviews/

miao_zz·2024-01-17 13:10

vue3:使用sortablejs实现表格拖拽移动

拖拽importSortablefrom"sortablejs";const{proxy}=getCurrentInstance();constdata=reactive({tableData:[{id:"1",name:"text_1",date:"1111-11-11",address:"测试_1",},{id:"2",name:"text_2_不可拖拽",date:"2222-22-22",

zxna·2024-01-17 13:09

Vue的使用

1、概述https://cn.vuejs.org/vscode+Volar插件【2023最新版】Vue3从入门到精通，零基础小白也能听得懂黑马程序员前端Vue3小兔鲜电商项目实战vue入门教程（详细版）

pzs0221·2024-01-17 13:08

第一次创建vue3项目

本小白第一次创建vue3项目前提node.js版本在15或15以上，版本低了需要重新安装node-v#查看当前node版本1.创建vue3项目，npminitvue@latest注意输入项目名称时不要大写安装依赖

My.dxxj·2024-01-17 12:21

推荐频道

vue3随手记