小兔仙Vue3

Vue 复学 之 状态管理 Vuex

Vue3和[email protected]用法有所不同。用来干什么，能做什么用？可用于全局数据存储，跨层级组件通讯，动态路由。在通讯的关键是，一方通知后，另一方怎么知晓
yangyinet·2024-03-11 00:25

VUE3侦听器:watch与watchEffect的区别与使用

一、watch与watchEffect的区别watch和watchEffect都能响应式地执行有副作用（除了返回预期结果外还会简介影响其它数据）的回调。它们之间的主要区别是追踪响应式依赖的方式watch：只追踪明确侦听的数据源。它不会追踪任何在回调中访问到的东西。另外，仅在数据源确实改变时才会触发回调。watch会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机。watch
一天只码五十行·2024-03-10 22:21

vue3 slot的定义与使用

在Vue3中，slot（插槽）被重构为更直观和强大的机制。具体定义和使用方式如下：定义插槽：在组件的模板中，使用<slot></slot>标签来定义插槽。
可爱的秋秋啊·2024-03-10 12:10

30首朗诵诗词

一剪梅》李清照2、《声声慢》李清照3、《钗头凤》陆游4、《钗头凤》唐婉5、《江城子》苏轼6、《雨霖铃》柳永7、《青玉案·元夕》辛弃疾8、《如梦令》李清照9、《水调歌头》苏轼10、《虞美人》李煜11、《鹊桥仙》
健康育儿心理·2024-03-10 04:31

七巧板

有小猫、小兔子、茶壶、小猪、大马、还有保剑，有许许多多的图形。
快乐_c0d8·2024-03-09 20:27

vue3学习(更新中)

目录创建一个vue应用编写APP组件main.tsAPP.vuesetupref和reactiverefreactive创建一个vue应用npmcreatevue@latest编写APP组件main.tsimport{createApp}from'vue'importAppfrom'./App.vue'createApp(App).mount('#app')APP.vueappsetup{{nam
倒霉娃不要倒霉·2024-03-09 17:17

vue3注册全局组件

注册单个全局组件一.在main.ts中引入注册为全局组件在main.ts引入我们的组件跟随在createApp(App)后面切记不能放到mount后面这是一个链式调用用其次调用component第一个参数组件名称第二个参数组件实例import{createApp}from'vue'importAppfrom'./App.vue'importleftVuefrom'./components/left
前端小趴菜05·2024-03-09 17:16

你

文/天外飞仙一剪梅恒玲你应该图片发自App活出自己的样子每一个自我都是上苍赐给大地的精灵不必刻意效仿别人成为别人的替身因为你就是你独一无二绝版限量自爱自立自强自信若能心底无尘你便美丽十分
天外飞仙一剪梅恒玲·2024-03-09 11:57

Vue3.0+Typescript项目中注册全局自定义组件的方法

Vue3.0+Typescript项目中注册全局自定义组件的方法1.第一步,在src/components下面自定义一个目录,新建.vue开发自己的组件!(以我开发的组件为例!)
NSC丶warrior·2024-03-08 18:13

vue3+element-plus el-input 自动获取焦点

虽然element有提供input的autofocus属性，但是当我们第二次进入页面就会发现autofocus已经不再生效，需要通过onMounted去触发input的focus解决这个问题。1.先给el-input绑定一个ref：2.定义一个函数去触发这个input的focus：constfocusInput=()=>{nextTick(()=>{inputRef.value.focus()})
Hico、·2024-03-08 06:59

还好没有错过你（34）

能用仙法瞬间来去的神仙，为何非得用跑的？还跑的比较快？那自己这几十万年来，法术白用了？这天宫的南天门离一十三天有多远他是不晓得的，眼下他只晓得自个儿真累得直
易生桐心·2024-03-08 06:39

vue3的开发小技巧

$refs.ch.fn();//子组件函数抛出constfn=()=>{};defineExpose({fn});如何访问全局api众所周知，vue3没有this，所以，一些封装在全局的变量或api不太好引用
单调的王先森·2024-03-07 19:14

小猴学艺

一天动物王国要举行特长的比赛,小猴也想参加于是他找来小兔子说：“我想跟你一起学写作吧”，小兔子说：“可以呀！”
龙凤呈祥腾飞·2024-03-07 16:08

【无标题】

Vue3有哪些新特性和改进？CompositionAPI：引入了CompositionAPI，允许开发者按逻辑功能组织代码，提高代码的可复用性和可维护性。
谷渊77·2024-03-06 18:13

临江仙 （徐昌图 体）

图片发自App别罢扬鞭西去，征途千里云烟。孤鸿飞落雨山前。恨催长路尽，愁打鬓霜寒。今夜纵怀何处，樽前思断家山。八年弹指转头间。浮生多少事，风雪在双肩。图片发自App
疏影横笛a·2024-03-06 18:14

【vue3 路由使用与讲解】vue-router ： 简洁直观的全面介绍

#核心内容介绍路由跳转有两种方式：声明式导航：编程式导航：router.push(...)或router.replace(...)；两者的规则完全一致。push(to:RouteLocationRaw):Promisereplace(to:RouteLocationRaw):Promise;由于属性to与router.push接受的对象种类相同，所以两者的规则完全相同。路由传参有两种方法：para
oumae-kumiko·2024-03-06 18:13

临江仙•诗情画意

临江仙•诗情画意文/金文丰窗外微风摇竹，柳塘蝶吻莲花。庭堂书案一壶茶。砚池流雅韵，墨迹惹烟霞。镇纸印台碰响，声音引领涂鸦。突来灵感妙飞华。添蜻蜓点水，顺手画青蛙。注释：词林正韵•徐昌图体
A金文丰·2024-03-06 11:31

day49（vueJS）vue3的生命周期钩子 服务端渲染概念 vue3的组建通信 vue3的ref属性应用 vue3（vuex和pinia的使用）

vue3的生命周期钩子服务端渲染概念vue3的组建通信vue3的ref属性应用vue3（vuex和pinia的使用）vue3的生命周期钩子常规要点、总结代码演示补充要点、总结服务端渲染概念要点总结vue3
李中豪前端大佬·2024-03-05 21:16

Vue3教程

1.1配置环境vue官网：Vue.js-TheProgressiveJavaScriptFramework|Vue.js终端Linux和Mac上可以用自带的终端。Windows上推荐用powershell或者cmd。GitBash有些指令不兼容。安装Nodejs安装地址：Node.js安装@vue/cli打开GitBash，执行：npmi-g@vue/cli如果执行后面的操作有bug，可能是最新版
m0_59519985·2024-03-05 19:14

绘本讲师训练营[21期]7/21阅读原创《猜猜我有多爱你》

21014林秋影小兔子临睡前，想让大兔子知道它对大兔子的爱有多少。
林林蚯蚓·2024-03-05 17:54

我的小书包

今天和爸爸，妈妈一起去信誉楼买东西，看到三楼楼梯口有小兔子毛绒小书包，我忍不住就去摸它，我好喜欢，爸爸一看我非常喜欢，就给我买了一个粉色的，它有一对长长的耳朵，毛茸茸的，一双黑色的大眼睛，它的小鼻子是粉红色的
简简单单_b184·2024-03-05 15:43

VUE3（二）使用vue-cli创建一个项目

VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。
camellias__·2024-03-05 13:03

临江仙

往日情缘依旧，今宵牵梦如常。长相思念念成伤。夜眠孤影寂，谁可叙心肠。一纸诗笺浅注，几经风雨同舱。红尘怨恨未更尝。初心无意变，心底隐埋藏。
夜月孤星人v西山孤影·2024-03-05 09:33

vue3配合naive-ui的虚拟表格显示超过1000条数据，并且带有单选按钮

父组件import{h,ref}from"vue";importtype{DataTableColumns}from"naive-ui";importHomeViewfrom"./views/HomeView.vue";interfaceRowData{key:number;name:string;age:number;address:string;}constselect=ref(null);c
沙滩上的一颗石头·2024-03-05 05:56

Vue 3 中的 Teleport 特性详解

引言在Vue3中，引入了一个名为Teleport的新特性。这个特性允许开发者将组件的子组件“传送”到DOM中的任意位置，而不仅仅是它们的直接父级内部。
琛哥的程序·2024-03-04 14:36

Vue 3 中的 Composition API 详解

随着前端技术的不断发展和项目复杂度的增加，Vue团队推出了Vue3，并引入了CompositionAPI，以更好地满足复杂应用的需求。一、CompositionAPI是什么？
奔强的程序·2024-03-04 07:56

Vue 3 中的 setup 函数是如何工作的？

Vue3中的setup函数是一个新的组件选项，用于使用组合式API定义组件的逻辑。这个函数的引入是为了解决Vue2中随着组件复杂度的增长，选项式的API可能导致代码难以维护和理解的问题。
奔强的程序·2024-03-04 07:56

Astro + NextUI 搭建个人博客（导航组件篇）

Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。
·2024-03-04 00:18

读书‖用词汇、数字、联结来加强文章的意境

“仙”字:住在山上的人就是神仙；“俗”字:住在山谷的人就是
常清净·2024-03-03 20:27

次空涅箭，清水诛仙！——《仙逆》有感

收了女尸后，王林发现望月开始吞噬所有修士。修真联盟的老怪都围了过来，打算处理这个怪物。罗天的大佬们也都围在四周，双方围着望月再次展开大战。现在仍在捉对厮杀的就只剩炎雷子与武东禅。为了挽救颓势，妹子请出了一个重量级嘉宾，玄宝上人。他虽然不是什么尊者，却有着另一重重要身份，他是修真联盟长老团成员。这个长老团连碎涅后期都不一定能进，天运子便是成员之一，非常神秘。妹子称玄宝上人为师叔，想必她师父起码也是长
为she着迷·2024-03-03 17:37

太古仙尊手游怎么才能当托?太古仙尊手游如何才能申请内部号?

玩了无数游戏，踩了无数的坑。总算找到可以当托的渠道了。以下是我给大家总结的经验，想当托的朋友请认真看完。最近几年玩了特别多的手游平台。每个平台的福利的各不相同，但是本质是一样的，就给点礼包，首充什么的。感觉毫无卵用。但是在上个月，一个从事手游行业的平台告诉我一个平台，特别NB。这个平台给的是内部号，什么是内部号？说白了就是托号。进服就会给300-500的充值扶持，v7-v12的vip等级扶持，另外
诸葛村夫一游戏频道·2024-03-03 15:31

Vue 3.4 - 详细发布说明

Vue3是Vue.js的一个主要版本，它引入了许多新的特性和改进，包括CompositionAPI、性能优化和更小的体积。现在，随着Vue3.4的发布，这个框架又向前迈进了一大步。
大鱼前端·2024-03-03 07:25

Vue 3.4 - 详细发布说明

Vue3是Vue.js的一个主要版本，它引入了许多新的特性和改进，包括CompositionAPI、性能优化和更小的体积。现在，随着Vue3.4的发布，这个框架又向前迈进了一大步。
·2024-03-03 01:33

Vue3 + ElementUIPlus获取node的parent节点

Vue3+ElementUIPlus获取node的parent节点el-tree可以但是el-tree-v2是不可以的
简单点了·2024-03-02 11:57

vue3实现表格单元格可编辑

以往编辑表格内容都是点击编辑按钮，进入编辑页面或弹窗对整行做编辑的效果。而这次由于项目需要实现在表格内双击就能编辑对应单元格的功能，对于没有做过的我来说也是一个新挑战。需要达到的效果：方案一由于项目使用的是element-ui，所以一开始想到的就是去table组件找有没有能满足此需求的属性。没想到还真有（cell-dblclick）。下面看实现效果（部分代码）：{{props.row.amount
HuaHua·Li·2024-03-02 07:50

vue3+ts实现图片预览功能

首先，需要创建一个Vue组件，用于显示图片和预览图。import{ref}from'vue';exportdefault{props:{imageSrc:{type:String,required:true,},previewSrc:{type:String,required:true,},},setup(props){constpreviewVisible=ref(false);constsho
前端fighter·2024-03-02 07:49

TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。
·2024-03-02 05:20

Vue3中的Hooks详解

vue3带来了CompositionAPI，其中Hooks是其重要组成部分。
·2024-03-01 23:16

Vue-5

Vue3的优势更容易维护（组合式API）更快的速度更小的体积更优的数据响应创建Vue3项目前提环境条件：已安装16.0或更高版本的Node.jsnode-v创建一个Vue应用（下面的指令将会安装并执行create-vue
-seventy-·2024-03-01 20:35

美术课

今天我们下午上美术课了，美术老师教我们画小猫，小猫可调皮了，拿了一个毛线团啦，最爱玩毛线团了，小猫滚了一个毛线团，不小心过来一个小兔子。
开心一刻_1144·2024-03-01 18:28

《过河》——祺惠

伴着微风，他们跳得正欢，这时引起了对岸的小兔子的好奇。小兔子心想：好好玩呀！于是她就冲着小马他们大声喊，“请问我能和你们一起跳绳吗？”三个人扭头看着兔子说：“可以呀！可是你要怎么过河呢？”
暮晓_薇语·2024-03-01 11:45

第143章：卸下仙督之位，蓝湛魏婴不日大婚

第143章：卸下仙督之位，蓝湛魏婴不日大婚魏婴当然知道，这些人中有多少人是不得已而为之，只能顺风而下，毕竟蓝湛也没有给他们选择的机会，何况，无论他们是什么态度想法都不能阻止蓝湛的决定。
郡歆·2024-03-01 05:42

Vue3 实现一个简单的方位动画

这是最近遇到的一个有点意思的需求，需要根据后端返回的数据，在一块地图的具体的方位上显示对应位置标识（位置图钉）。不用十分精确，只要能表现出大致的方位即可。类似下面的效果，有点像游戏里的地图标识。设计思路由于不用十分精确，就用最简单的div+css来实现位置标识的显示和动画。之后再通过配合背景图片来保证最基础的效果。方位总共9个，东南西北中加上四个角，通过Grid布局让其形成3*3的格子。位置标识只
·2024-02-29 22:28

vue3实现页面跳转

在Vue3中，可以使用router来实现页面跳转。
我爱学习yq·2024-02-29 20:01

vue、react和小程序的状态管理

vue2的状态管理vuexvuex官网：https://vuex.vuejs.org/vuex安装在vue2中使用vuex的3版本：npmivuex@3在vue3中使用vuex的4版本：npmivuex
LLLuckyGirl~·2024-02-29 19:30

2021-03-26

退休老人买保健品的心情，大概和古时皇帝们寻仙问道求长生是一个路子的，有那个条件，也没别的啥事儿。但是孩子们就担心又心疼，担心父母被骗，心疼钱。
Vulpes·2024-02-28 13:37

vue3+vite+vant移动端适配记录

1、根节点rem适配1.1、body需要设置一个默认的字体大小，可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
baidu_41921865·2024-02-28 09:19

“小智”机器人

“小智”的外形像一个小外星人，由蓝色和白色组成，它有一个胖嘟嘟的小脑袋，可爱极了，旁边有一对长长的耳朵，像小兔子耳朵一样竖起来。
Bonnie_ff31·2024-02-27 22:36

vue3生命周期

vue3的钩子函数基本是再vue2的基础上加了一个on,但也有两个钩子函数发生了变化。
栗子daisy·2024-02-27 19:15

vue3中vue-pdf-embed实现放大、缩小、上一页、下一页、滚动翻页功能（pdf文件预览）

1.安装插件npminstallvue3-pdfjsnpminstallvue-pdf-embed2.完整代码上一页{{state.pageNum}}/{{state.numPages}}下一页放大缩小下载
℘团子এ·2024-02-27 18:30
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他