vue3 第17页

Vue3实现字符串反转和内容隐藏

经过一周时间的努力，小编今天继续和大家学习Vue3，今天还是以实际例子为主，先让小小白感受一下Vue的魅力，让另外一些小小白体会一下不用脚手架是一种什么体验，当然了，也为了接下来的工作内容准备准备。

飞鹰3995·2024-02-05 18:58

Vue3的双向数据绑定原理是什么

JJCTO·2024-02-05 18:10

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

$refs.message.open()然后调用的时候报错会出现错误vue3的代码consttype=ref('center');constmsgType=ref('success');constmessageText

可口可乐Vip·2024-02-05 16:07

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3

花言儿·2024-02-05 15:02

uniapp中配置开发环境和生产环境

1.使用HBuilderX创建原生的uniapp程序选择vue32.什么都不改，就可以正常运行了3.增加a.js里面的代码主要就是根据环境进行判断后，返回需要的值constCONF={baseUrl:process.env.NODE_ENV

故里2130·2024-02-05 15:46

前端插件库-VUE3 使用 JSEncrypt 插件

JSEncrypt是一个用于在客户端进行加密的JavaScript库。它基于RSA加密算法，可以用于在浏览器中对数据进行加密和解密操作。以下是使用JSEncrypt进行加密和解密的基本示例：第一步：安装JSEncrypt首先，你需要引入JSEncrypt库。你可以在项目中添加JSEncrypt的脚本文件，或者使用CDN：or(或者)npminstalljsencrypt第二步：枚举公/私钥@src

凉生阿新·2024-02-05 14:31

Vue3全家桶之——Pinia状态管理

Pinia是一个专为Vue3设计的现代化状态管理库，为Vue3开发的，它提供了一种简单、可扩展和类型安全的方式来管理应用程序的状态。

tangerine330·2024-02-05 14:41

vue全家桶之状态管理Pinia

从那时到现在，最初的设计原则依然是相同的，并且目前同时兼容Vue2、Vue3，也并不要求你使用Compos

DustinWangq·2024-02-05 14:40

Vue3 + TS + Vite 项目实战 —— 大屏可视化

前期回顾目录适合谁资料在哪技术栈有哪些效果图例⏰配置缩放【重要】自动轮播地图⌚时间定位、天气地址：数据安全大屏--项目:该系统会从多个数据源（如日志、网络设备、云服务等）中采集、整合、处理数据，并将其转化为易于理解和分析的可视化图表、地图等形式，以帮助用户快速识别、监测和预警潜在的安全风险和威胁。通过数据安全大屏，用户可以深入了解各种系统和网络设备的运行状态、流量情况、攻击来源等信息，及时发现并应

彩色之外·2024-02-05 14:02

VUE3语法--computed计算属性中get和set使用案例

1、功能概述计算属性computed是Vue3中一个响应式的属性，最大的用处是基于多依赖时的监听。也就是属性A的值可以根据其他数据的变化而响应式的变化。

雾林小妖·2024-02-05 13:36

vue3.0+vite实现移动端自适应布局

1安装postcss-pxtoremnpmipostcss-pxtorem-D2新建postcss.config.js配置文件module.exports={plugins:{autoprefixer:{overrideBrowserslist:["Android4.1","iOS7.1","Chrome>31","ff>31","ie>=8","last10versions",//所有主流浏览器

贵贵贵子·2024-02-05 12:47

Vue3 父子组件传值和互调方法

1.父组件代码:constchildComp=ref(null); //传给子组件的refconstto_child=reactive({ //传给子组件的值，这里是对象，也可以传普通数据类型，数组等 id:"", name:""})consthandleComp=(param)=>{//传给子组件的方法，让子组件调用 console.log('子组件让我执行，传来参

y523648·2024-02-05 11:49

vue3 父子组件相互传值技巧

第一：父组件importMenufrom'./Menu/index.vue'import{ref,reactive}from'vue'constmenus=ref(null);constlist=reactive([1,2,3]);//flag不定义ts照样正常constgetList=(list:number[],flag)=>{console.log(list,'我是子组件传递过来的',fla

老胡说前端·2024-02-05 11:14

[Vue3]父子组件相互传值数据同步

简介vue3中使用setup语法糖，父子组件之间相互传递数据及数据同步问题文章目录简介父传子props传递值使用v-bind绑定props需要计算toRefcomputedemit传递方法使用v-on绑定子传父

Suppose·2024-02-05 11:42

黑豹程序员-封装组件-Vue3 setup方式子组件传值给父组件

需求封装组件需要使用到Vue3中如何定义父子组件，由子组件给父组件传值核心代码如何使用emits组件点击按钮import{ref,defineEmits}from'vue'constemits=defineEmits

长安紫薯·2024-02-05 11:09

Vue3中ref与reactive的用法详解——ref

而在Vue3的响应式系统中使用了ref和reactive这两个核心概念，它们为开发者提供了处理响应式数据的不同方式。理解它们的特性和区

_Minato_·2024-02-05 11:09

【Vue3】 Vue-Router路由和路由导航守卫

路由前后端分离阶段路由单页面富应用阶段前端路由如何做到URL和内容进行映射?URl的hash（哈希）URl的historyVue-Router基本使用1，安装Vue-Router2，新建页面router文件下的index.js,路由，导入页面，导入路由,创建路由关系3，main.js3，app.vue里面router-link属性路由懒加载分包处理路由routes的其他属性动态路由和路由嵌套1，动

博主花神·2024-02-05 11:23

vue3项目之el-carousel 轮播图的使用

el-carousel轮播图的使用官网：https://element-plus.gitee.io/zh-CN/component/carousel.html在这里定义一个卡片式的轮播图0"class="imgs-wall"height="350px"trigger="click":interval="5000"indicator-position="none"type="card">几个注意的点

cocoonne·2024-02-05 11:41

教程6 Vue3+Element Plus el-carousel制作轮播图（后面有修改样式的方法）

实验轮播图1、引入ElementPlus（1）引入Element开发环境npminstallelement-plus--save（2）自动引入Elementnpminstall-Dunplugin-vue-componentsunplugin-auto-import（3）在配置文件中进行配置，本人使用的是Vit构建工具如果使用Vite作为构建工具，配置文件为vite.config.js，配置方法如

JunLianHuang·2024-02-05 11:08

vue3项目打包移除console.log()打印

一、安装terser（不安装打包会报错，安装过后无需引入直接使用）npminstallterser--save-dev二、在vite.config.ts里面使用build:{minify:"terser",terserOptions:{compress:{drop_console:true,drop_debugger:true,}}}

吃葡萄不吐葡萄皮嘻嘻·2024-02-05 10:14

基于springBoot、vue导出Excel文件

一、运行环境SpringBoot、jdk15（版本不影响）、vue3.0二、使用步骤1.导入依赖在pom.xml中添加poi的依赖：org.apa

ONY_X·2024-02-05 09:37

【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴

【前端目录贴】1.01-尚硅谷Vue_basic012.02-尚硅谷Vue_组件化编程3.03-尚硅谷Vue_使用脚手架

骑鱼过海的猫123·2024-02-05 09:36

04-尚硅谷Vue_Vue中的ajax

文章目录1.解决开发环境Ajax跨域问题【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴1.解决开发环境Ajax跨域问题

骑鱼过海的猫123·2024-02-05 09:04

reactive 与 ref 的区别

在Vue.js中，reactive是Vue3引入的一个新的API，用于创建响应式对象。这种方法是CompositionAPI的一部分，它提供了一种更灵活的方式来组织和重用逻辑。

weixin_45782719·2024-02-05 07:12

vue3.x 英文转换从简体中文

对于AntDesignVue4.x版本（适用于Vue3），想要设置中文简体语言环境，确保你已经遵循以下步骤：引入LocaleProvider并设置Locale从AntDesignVue3.x版本开始，它支持使用

weixin_45782719·2024-02-05 07:12

vue3+threejs+koa可视化项目——模型文件上传(第四步)

文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件

yma16·2024-02-05 06:33

vue3.0中从proxy中取值

使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值的时候是proxy代理之后的，是Proxy对象，Proxy对象里边的[[Target]]才是真实的对象。

天外天-亮·2024-02-05 06:14

vue3中watch监听的使用方式

vue3中使用watchaaabbbcccimport{ref,watch,reactive}from'vue';exportdefault{setup(){//constmytext=ref("")constselect

葫芦娃y·2024-02-05 04:37

vue3中如何使用pinia,两种模式

使用方式一一、安装pinia,并在main.js引入npminstallpinia//main.jsimport{createPinia}from'pinia'varapp=createApp(App)app.use(createPinia())//注册pinia插件app.mount('#app')二、创建store创建文件tabbarStore.js//tabbarStore.js//用于隐藏

葫芦娃y·2024-02-05 04:37

找不到模块“vue-router”或其相应的类型声明。ts(2307)

场景：新建了一个项目：vue3+ts。

有蝉·2024-02-05 04:36

vue3：23—自定义hooks

正是因为有了hooks，组合式才发挥出了威力其实hooks和vue2中的mixin有点类似，但是相对mixins而言，hooks更清楚复用功能代码的来源,更清晰易懂。如何定义hooks具备可复用功能，才需要抽离为hooks独立文件函数名/文件名以use开头，形如:useXX引用时将响应式变量或者方法显式解构暴露出来；图片示例代码示例：person.vueimportuseSumfrom'@/hoo

有蝉·2024-02-05 04:34

5个.NET开源且强大的快速开发框架（帮助你提高生产效率）

中台Admin（Admin.Core）中台Admin（Admin.Core）是前后端分离权限管理系统，前端UI基于Vue3开发，后端Api基于.NET8.0开发。

追逐时光者·2024-02-05 04:23

2024年1月Java项目开发指南15：vue3+AntDesignVue 设计页面

考虑到有的同学对vue3不熟悉，因此，我把ControlView.vue这个页面清空，我们从0开始写。搭建页面的基本框架展开代码后复制你需要的代码。

萌狼蓝天·2024-02-05 03:26

vue2和vue3的区别整理（面试这一篇就够了）

vue2和vue3的区别本文章将从源码层面、性能层面、api方面、hook函数增加代码复用性、代码写法方面、生命周期方面等6个方面简单描述vue2和vue3的区别源码层面：版本区别vue2javascript

前端爱好者小王·2024-02-05 02:58

滴滴面经相关知识整理（基于newbing)

Vue2和Vue3有许多不同之处，以下是一些主要的区别：数据劫持方式：Vue2主要是通过Object.defineProperty劫持数据，对于新增的对象属性，使用数组修改元素，视图无法更新1。

cbx-zzz·2024-02-05 02:28

快速Diff算法-Vue3

快速Diff算法快速Diff算法在实测中性能最优。它借鉴了文本Diff算法中的预处理思路，先处理新旧两组子节点中相同的前置节点和相同的后置节点。当前置节点和后置节点全部处理完毕后，如果无法简单地通过挂载新节点或者卸载已经不存在的节点来完成更新，则需要根据节点的索引关系，构造出一个最长递增子序列。最长递增序列所指向的节点即为不需要移动的节点。不同于简单Diff算法和双端Diff算法，快速Diff算法

诸葛亮的芭蕉扇·2024-02-05 01:16

vue3中的父子组件传递slot的方式

缘起目前的vue3工程，有处相似的地方，上面是一个a-step组件，下面是一个vxetable的组件，目前有好几处都是各自复制这两个组件，进行各自的处理。所以就要把这处，改成一个组件，供小伙伴们使用。

诛宵小或率宾归王·2024-02-05 01:45

vxeTable 手写复刻区域选择、复制粘贴、拖动柄

vxeTable复刻区域选择、拖动柄介绍vxetable是一个基于Vue（支持Vue3）的PC端全功能表格组件，满足你对table绝大多数需求，可与任意组件库完美兼容。

诛宵小或率宾归王·2024-02-05 01:14

Vue框架中引入Element-UI组件库

前言：首先已经创建好了Vue框架，并安装了node本文所用的为Vue2Vue2使用的是element-ui，Vue3使用的是element-pluselement-ui官方文档https://element.eleme.cn

松果猿·2024-02-04 23:58

Vue3导出数据为txt文件

在Vue3中，可以通过使用Blob对象以及URL.createObjectURL()方法导出txt文档。首先，你需要在Vue组件中创建一个方法来生成txt文档的内容。

路过的假面骑士dcd·2024-02-04 22:17

vue3 图形验证码组件

/components/piccode.vue//vue3图形验证码import{reactive,onMounted,ref,toRefs,defineEmits}from"vue";exportdefault

路过的假面骑士dcd·2024-02-04 22:47

vue3 封装WebSocket（直接复制）

创建文件WebSocket.js只有基本的功能import{ref}from'vue';importstorefrom"@/store";exportdefaultfunctionuseWebSocket(url){constmessagesData=ref([]);//创建WebSocket连接和相关方法constsocket=newWebSocket(url);socket.onopen=()

路过的假面骑士dcd·2024-02-04 22:46

Spring boot +Vue3.x +Element Plus 前后分离管理项目

该项目前端采用时比较新颖的vue3.x和elementplus去做的，至少最近三年vue3.x是使用

木不是丁·2024-02-04 21:41

6个.NET开源且强大的快速开发框架（帮助你提高生产效率）