vue3随手记

UI -- Vue3

Vue3模板Vue3UIpackage.json同级components/slButton/element.vue测试321defineOptions({name:"sl-button"});.dddivspan
平凡シンプル·2024-01-22 01:32

给理财小白的忠告

习惯了每天随手记记帐，习惯了每周登录理财社区，习惯了东一榔头西一棒子的寻觅理财之法看着自己颠簸浮动但顽强向上的资产曲线，线的一端是充满希望的未来，而另一端却是永难忘怀甘苦自知的过往：（一）初入社会2007
绯炎零·2024-01-22 00:29

vue3组合式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录组合式APIsetuprefreactivecomputedwatch其他组合API注组合式APIvue3的文件中，Vue
许小墨~·2024-01-21 23:38

从vue2到vue3，一文带你看完vue3的新特性

前言这篇文章的主要意义是：针对想要从vue2快速迁移到vue3的朋友，快速理解vue3的新特性。为了让大家更好的理解，我会从设计者的角度来讲为什么vue3要这样设计api。
凯der苦练心态·2024-01-21 23:38

vue3选项式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录vue3选项式API注vue3选项式APIvue3提供了两个语法，一个叫选项式API；另一个叫组合式API。
许小墨~·2024-01-21 23:08

同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》

总结：mixin造成的问题：mixin—全局Vue2与Vue3的区别OptionsAPI的弊端setup函数有哪些参数?
彩色之外·2024-01-21 23:07

关于Vue3组合式API(Composition API)的个人理解

首先，关于组合式API现已有众多大佬发布了相关介绍及相关教程，但是个人在学习过程中还是花了比较多的时间去理解“组合式API”这个概念。因为目前搜索引擎排的比较前面的文章其实约等于是摘抄了一下官方文档，我并没有找到能够快速让新手形成一定认识并直接上手的文章，所以我总结一下自己目前的认识（用于记录方便以后查看，希望能对其他同学有所帮助），本人菜鸟若描述不当，请轻喷！！！！！！组合式API的目的是分离项
[十九]统一老坛·2024-01-21 23:37

看懂vue3项目所需的一些基础知识

CompositionAPI(组合式API)1、setup和ref的基本使用count：{{count}}m1:{{m1}}m2:{{m2}}更新import{ref}from'vue'exportdefault{/*使用vue3
归途。·2024-01-21 23:37

拥抱组合式API：vue3的script setup解析看这篇就够

vue3除了CompositionAPI是一个亮点之外，尤大大又给我们带来了一个全新的玩意——scriptsetup，对于setup大家相信都不陌生，而对于scriptsetup有些同学则表示难以理解，
智密科技·2024-01-21 23:36

vue3组合式 API:使用axios调接口方式

使用方式：新建request.js文件。封装axios请求:注入请求拦截器：做请求前处理（参数加密，接口带token等等）。响应拦截器：（响应参数处理）项目安装axiosnpminstallaxios-S代码实现（注意util文件我就不复制了，将就看。。。。实在不懂看我给axios添加加密文章添加链接描述）baseUrl还是懂的吧importaxiosfrom'axios'importutilfr
Life a dream·2024-01-21 23:35

C++——数组、多维数组、简单排序、模板类vector

个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典Vue2Vue3Vue2
前端杂货铺·2024-01-21 23:35

带你看懂Vue3的组合式Api

但是在vue3中这个插件就显得捉襟见肘了，比如vue3的多片段这个插件就会报错。
Mangcun_tutu·2024-01-21 23:05

一些碎碎念

本周的一些碎碎念，都是随手记下的想法碎片1.同事去做了基因检测，查出患某种癌症的风险级别是9，于是他很焦虑，不过我觉得他没啥好愁的，今年冒出好多基因检测机构，广告满天飞，感觉结果造假的可能性很高2.一个公司里
起于青萍之末·2024-01-21 23:56

Vue3+ElementUIPlus颜色选择器，Ruoyi框架动态替换图片

需求为，需要动态的替换头部和底部图片的颜色，通过固定的颜色要实现可以动态的通过颜色，去替换的效果。一、通过将选择的颜色，通过Vuex来进行一个存储，用户后续的使用/**改变主题*/constchangeTheme=()=>{handleTheme('theme-custom',{menuBgColor:customForm.value.menuBgColor,menuColor:customFor
kangkang-·2024-01-21 23:22

ElementUi+Vue+SpringCloud+Forest上传前后端联调

项目场景：实现后台上传图片本次使用vue3加elementUI的upload组件实现功能表单中的参数，需要通过上传来完成，一般有二种情况在上传一.上传后直接调用后端通用上传工具，在文件服务中调回来用Url
kangkang-·2024-01-21 23:21

Vue3+ElementUI 多选框中复选框和名字点击方法效果分离

现在的需求为比如我点击了OptionA，触发点击OptionA的方法，并且复选框不会取消勾选，分离的方法。{{item.modelName}}通过Vue事件处理的方法.prevent来阻止。
kangkang-·2024-01-21 23:50

zxz-uni-data-select 插件，uniapp项目vue3，下拉框可搜索，使用问题解决，如何使用，类型声明，自动扫描全局使用，插件文件eslint报错，组件导入。input点击出现蓝色问题

input框点击出现蓝色背景，uniapp项目，这是ios系统手机独有的问题，安卓和window系统没有。要在点击的标签里面加上-webkit-tap-highlight-color-CSDN博客uniapp项目，要实现下拉框可搜索的功能，uniapp官方组件和uview都没有这个功能的组件。我到uniapp的插件市场找了个下载多的插件zxz-uni-data-select这个插件可以实现下拉框搜
深一海·2024-01-21 20:56

zxz-uni-data-select插件，表单回显时，无法显示数据，原因是后端返回的数据是字符串，要把这个字符串转成number类型，就能显示了

zxz-uni-data-select插件，uniapp项目，vue3表单回显时，这个下拉框不能显示数据解决方法用Number()方法把字符串转成numberstring转成number回显就能显示了
深一海·2024-01-21 20:55

vue3+ts项目引入雪花id报错

在更新公司项目的时候发现如下报错：在经过询问之后，了解到要解决这个报错需要如下步骤：（1）在终端控制台中输入：pnpmh(或者是yarn)installsimple-flakeid然后等待其下载安装（2）若还是报错，需要在下面做更改全部更改完之后便可解决该报错
沉醉何欢凉·2024-01-21 19:52

vue3-生命周期

生命周期生命周期vue组件实例都有自己的一个生命周期从创建->初始化数据->编译模版->挂载实例到DOM->数据变更后更新DOM->卸载组件生命周期简单说就是vue实例从创建到销毁的过程生命周期钩子在各个周期运行时，会执行钩子函数，让开发者有机会在特定阶段运行自己的代码。这就是生命周期钩子官方示意图：生命周期钩子函数钩子函数说明beforeCreate在实例初始化之后调用created实例已经创建
王大可996·2024-01-21 19:30

vue3-模版引用

模版引用ref属性场景：需要直接访问底层DOM元素。方法：使用特殊的ref属性。ref属性允许我们在一个特定的DOM元素或子组件实例被挂载后，获得对它的直接引用。访问模板引用小Demo:当input组件挂载后自动获取焦点import { ref, onMounted } from 'vue'// 声明一个 ref 来存放该元素的引用// 必须和模板里的 ref 同名const input = re
王大可996·2024-01-21 19:58

antd + vue3实现tree树增加按钮

页面显示在这里插入图片描述写在前面改代码使用slot，接口返回值必须为title，key，children，不能使用API在这里插入图片描述这个会导致我们按钮的slot冲突完整代码部门名称部门负责人操作{{nodeData.title}}{{nodeData.dataRef.owner}}新增下级修改删除import{message}from"ant-design-vue";import{defi
前端小菜·2024-01-21 19:28

vue3 项目中 arguments 对象获取失败问题

问题在vue3项目中获取到的arguments对象与传入实参不符，打印出函数中的arguments对象显示如下：原因作者仔细回看代码才发现，自己一直用的是vue3的组合式写法，函数都是箭头函数，而箭头函数不存在
Jiang_JY·2024-01-21 18:38

知识笔记（九十二）———vue实现图片上传

在Vue3中进行图片上传可以使用第三方库或者自定义组件来完成。如果想要使用现有的第三方库，比如element-plus、vant等UI库提供的上传组件，需要先安装对应的包并按照文档说明配置相关参数。
瑞崽崽崽·2024-01-21 18:07

vue3-组件通信

1.父传子-defineProps父组件：import{ref}from'vue'importSonComfrom'@/components/Son-com.vue'constmessage=ref('parent')子组件接收：//子组件constprops=defineProps({car:String,message:String})我是子组件{{car}}{{message}}.son{w
盖盖衍上·2024-01-21 18:20

vue3-基本属性更新

1.介绍Vue3的基本属性：组合式API（CompositionAPI）：组合式API是Vue3最核心的特性之一，它允许开发者将逻辑相关的选项组合在一起，提高代码的可维护性和可读性。
盖盖衍上·2024-01-21 18:50

【Vue3.0】- 依赖注入

Providerexportdefault{provide:function(){return{foo:this.foo}}}//Consumerexportdefault{inject:['foo']}vue3.0
啦啦啦喽啰·2024-01-21 16:20

Element Plus Form 动态表单自定义校验规则使用教程

ElementPlus，基于Vue3，面向设计师和开发者的组件库ElementPlus官网：https://element-plus.org/zh-CN/ElementPlusForm动态表单自定义效验规则
悟世君子·2024-01-21 15:02

Lodop-批量逐个打印返回状态

P_ID)二、LODOP.GET_VALUE('PRINT_STATUS_EXIST',P_ID)三、核心实现代码总结前言前面写过Lodop的相关文章：文章一：《Lodop打印控件常用指令记录》文章二：《Vue3
TE-茶叶蛋·2024-01-21 15:28

vue 作用域插槽、具名插槽

这个语法是ok的，但是在Vue3.2.0版本之后，还可以使用简化的语法#qwe来接收插槽内容，而不需要使用="data"，如下：在父组件中，可以这样使用具名插槽：{{qwe.games}}{{qwe.x
一嘴一个橘子·2024-01-21 15:21

Vue实现字符串首字母大写、翻转字符串、获取用户选定的文本

目录Vue2实现字符串首字母大写Vue3实现字符串首字母大写Vue2实现翻转字符串Vue3实现翻转字符串Vue2获取用户选定的文本Vue3获取用户选定的文本Vue2实现字符串首字母大写实现字符串首字母大写
星辰迷上大海·2024-01-21 14:26

uniapp——thorUI的tui-picker获取不到深层次的数据value

vue3中比如：letformData=ref({a:[{text:"中国",value:"中国"}]})change（e）{log(e)有index，但是其他的为[]}丢外面就可以leta=ref([
dlchgg·2024-01-21 14:08

2024.1.5 使用vue编写hello world

2024.1.5使用vue编写helloworld一个最简单的vue程序，现在已经是vue3.0时代，仅做留念附件是vue2.0.js文件vue2{{message}}newVue({el:"#app"
leigh_chen·2024-01-21 13:28

【vue3.0】24.0 某东到家（ 廿四）——订单列表开发

DOM完善修改src\views\orderList\OrderList.vue我的订单某什么码1已取消某什么码1¥588共3件importDockerfrom'@/components/Docker/Docker'exportdefault{name:'OrderList',components:{Docker}}.wrapper{overflow-y:auto;position:abs
bobokaka·2024-01-21 12:44

Vue3 + Vite + Css3切换主题

1、css3中变量的作用一个系统或者说一个项目中，往往涉及到很多颜色，但是如果系统看起来样式规整统一的话可能在色值方面偏靠一个色系，字体，颜色，背景颜色，图标颜色等等。所有可以在css中定义统一的变量，就不用到处去改防止在修改的时候遗漏。2、css3中如何声明变量/**局部设置*/div{--bg-color:red;}/**全局设置*/:root{--common-background-colo
Xiao_zuo_ya·2024-01-21 11:34

solidjs 中 createEffect 监听指定的 Signal

React的useEffect只需指定依赖数组useEffect(()=>{//code},[a,b,c])Vue3的watch可以指定conststate=reactive({a:0,b:1})watch
xxxxxue·2024-01-21 09:08

vue3中reactive和ref函数及对比

Vue3中的`reactive`和`ref`函数是用于管理响应式数据的两个重要函数。它们都是Vue3中的CompositionAPI的一部分，旨在简化应用程序的状态管理。
跟Bug双向奔赴·2024-01-21 08:35

vue3：el-table多选框设置默认选中，翻页保留选中状态

问题：el-table多选框设置默认选中，进行翻页，之前选中的数据没有保留选中状态import{watch,reactive,ref}from"vue"import{getUsers}from"@/api/course.js";conststate=reactive({tableData:[],selectedData:[]，paramData：{page:1,pageSize:10},total
儒雅的曹曹曹·2024-01-21 07:30

vue3+vite：封装Svg组件

前言在项目开发过程中，以svg图片引入时，会遇到当hover态时图片颜色修改的场景，我们可能需要去引入另一张不同颜色的svg图片，或者用css方式修改，为了方便这种情况，需要封装svg组件来自定义宽高和颜色，优化使用。1.什么是SVGSVG(ScalableVectorGraphics)是一种基于XML的矢量图形格式，用于描述二维图形和图像。与传统的栅格图像（如JPEG、PNG）不同，SVG使用数
儒雅的曹曹曹·2024-01-21 07:58

Vue3 在 history 模式下通过 vite 打包部署白屏

Vue3在history模式下通过vite打包部署后白屏;起因hash模式url后面跟个#强迫症犯了改成了history,就此一波拉锯战开始了...期间nigix和router各种反复排查尝试最终一波三折后可算是成功了
survivorsfyh·2024-01-21 05:00

vue3数据劫持proxy

一、vue2响应式设计  vue2利用Object.defineProperty来劫持data数据的getter和setter操作，遇到数组和对象必须循环遍历所有的域值才能劫持每一个属性。Object.keys(data).forEach((prop)=>{constdep=newDep();Object.defineProperty(data,prop,{get(){dep.depend();r
程序员-小许·2024-01-21 04:25

Vue3+Typescript(coderwhy)超详细学习笔记（四）Vue3开发基础语法(二)计算属性/watch/综合案例

(关注我可接受到更新私信推送)课程以及资料请加coderwhy老师购买请注意看文章有无更改一.OptionsAPI1.1.computed1.1.1.(理解)认识计算属性computed我们知道，在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况，我们可能需要对数据进行一些转化后再显示，或者需要将多个数据结合起来进行显示；比如我们需要对多个data数据进行运算、三元运算符来决定结
coderYYY·2024-01-21 02:25

Vue3前端开发，computed计算属性的基础练习

Vue3前端开发，computed计算属性的基础练习！在新版里面，和传统的vue2一样，计算属性，都是对一些数据运算进行了封装操作。返回结果是一个实时监控的效果。区别在于，写法不同。效果是一样。
yrldjsbk·2024-01-21 02:52

手拉手Vue3生命周期实战应用

每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。创建期：beforeCreate、created挂载期：beforeMount、mounted更新期：beforeUpdate、updated销毁期：beforeUnmount、u
QGS-CD·2024-01-21 01:29

[GN] Vue3.2 快速上手 ---- 核心语法(终章)_3

文章目录路由器工作模式命名路由to的三种写法嵌套路由路由传参query参数params参数路由的props配置replace和push编程式导航重定向总结路由器工作模式history模式优点：URL更加美观，不带有#，更接近传统的网站URL。缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有404错误。constrouter=createRouter({history:createWeb
GGood_Name·2024-01-21 01:52

[GN] Vue3.2 快速上手 ---- 核心语法2

文章目录标签的ref属性props生命周期自定义hook总结标签的ref属性用在普通DOM标签上，获取的是DOM节点。用在组件标签上，获取的是组件实例对象。用在普通DOM标签上：Vue点我打印import{ref}from'vue'lettitle=ref()functionshowLog(){//通过id获取元素constt1=document.getElementById('title')//
GGood_Name·2024-01-21 01:20

shallowRef跟shallowReactive(vue3)

说这两就得先说说ref跟reactiveref主要是处理简单数据类型，实现响应式，也可以处理复杂数据类型reactive只可以处理复杂数据类型但是shallowRef只能处理简单数据类型，不能处理复杂数据类型做响应式shallowReactive只能让复杂数据类型的第一层做到具有响应式
白小码·2024-01-21 01:45

toRef和toRefs(vue3)

toRef和toRefs可以把一个不是ref的对象变成ref看不懂就直接看例子吧//此处没用toRef姓名：{{obj.name}}年龄：{{obj.age}}薪资：{{obj.obj2.xz}}修改名字修改年龄加钱import{reactive}from"vue";exportdefault{name:"WatchDemo",setup(){letobj=reactive({name:"小孙",
白小码·2024-01-21 01:15

【富文本编辑器实战】03 Vuex 的配置编写

这里我们来看看官方网站是如何介绍Vuex的：提示这是与Vue3匹配的Vuex4的文档。如果您在找与Vue2匹配的Vuex3的文档，请在这里查看。Vuex是一个专为Vu
凌云(mlinyun)·2024-01-21 00:36

【记账本实战】03 集成 Vant UI 组件库

目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本，并由社区团队维护React版本和支付宝小程序版本。特
凌云(mlinyun)·2024-01-21 00:05
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他