vue3组件库

Vue3警告：Write operation failed: computed value is readonly

前因：利用vuex存放公共属性，并在组件中利用computed赋值调用锁定问题来源：（这里使用setup语法糖，js语法）letisVisible=computed(()=>store.state.daiLog.isVisible)原因：使用简写方法，当表单修改isVisible的值时，就会调用set方法，而这里的computed属性是不允许修改的解决方案：letisVisible=compute
ydcgye_·2024-02-20 08:06

vue3之fix: [Vue warn]: Write operation failed: computed value is readonly.

透明度{{`${slideVal}%`}}import{useStore}from'vuex';import{computed}from'@vue/reactivity';exportdefault{name:'Transparency',setup(){constslideVal=computed({get(){//getterreturnstore.state.map.opacityVal;}
c_reshape·2024-02-20 08:03

使用computed___v_isReadonly 与 computed

在Vue3reactive函数出现了target.__v_isReadonly这是什么意思呢？
weixin_39608300·2024-02-20 08:30

手写一个Vue的简单双向绑定实例！

采用的是数据劫持结合发布和订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter值，在数据变动时，发布消息给订阅者，出发相对应的监听回调（当然这是在Vue3.0
一浅小屋和你·2024-02-20 08:24

【Vue3】路由传参的几种方式

路由导航有两种方式，分别是：声明式导航和编程式导航参数分为query参数和params参数两种声明式导航query参数一、路径字符串拼接(不推荐)1.传参在路由路径后直接拼接?参数名:参数值，多组参数间使用&分隔。如果参数值为变量，需要使用模版字符串。letstr="田本初"2.接收与使用//接收import{useRoute}from"vue-router"constroute=useRoute
田本初·2024-02-20 07:25

vue3 生命周期

一、组件的生命周期1.组件运行的过程35.png组件的生命周期指的是：组件从创建——运行（渲染）——销毁的整个过程，强调的是一个时间段。2.如何监听组件的不同时刻vue框架为组件内置了不同时刻的生命周期函数，生命周期函数会伴随着组件的运行而自动调用。当组件在内存中被创建完毕之后，会自动调用created函数当组件被成功的渲染到页面上时，会自动调用mounted函数当组件被销毁完毕之后，会自动调用u
咸鱼不咸_123·2024-02-20 07:02

Element UI组件的安装及使用

ElementUI是一个基于Vue的桌面端组件库，由饿了么团队开发。它提供了许多封装好的组件，方便开发者快速开发页面。
数字化信息化智能化解决方案·2024-02-20 07:03

Vue3 学习笔记（Day1）

「写在前面」本文为尚硅谷禹神Vue3教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。
Tiger Z·2024-02-20 06:22

unplugin-vue-components解决命名冲突

我们在vue项目中通常会利用unplugin-vue-components插件进行自定义组件的自动引入注：如果不知道怎么配置unplugin-vue-components插件，欢迎看我整理的这篇：vue3
菜鸟茜·2024-02-20 06:21

VUE3 中导入Visio 图形

微软的Visio是一个功能强大的图形设计工具，它能够绘制流程图，P&ID，UML类图等工程设计中常用的图形。它要比其它图形设计软件要简单许多。以后我的博文中将更多地使用VISO来绘制图形。之前我一直使用的是corelDraw。Visio已经在工程设计中得到广泛的应用。本博客讨论如何将Visio设计的SVG导入webHMI。目的与方法我的目标是使用Visio绘制石化行业的工艺和仪表流程图（P&ID）
姚家湾·2024-02-20 06:43

ElementUI +++ Echarts面试题&答案汇总

官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面
阿金要当大魔王~~·2024-02-20 05:15

Vuex学习记录

目录一、Vuex概述1.1Vuex是什么1.2使用Vuex统一管理的好处1.3什么样的数据适合存储在Vuex中二、Vuex的基本使用2.1创建Vuex项目视图式（版本：vue3+vuex4）命令式（版本
娃哈哈哈哈呀·2024-02-20 05:41

vue3-渲染机制

渲染机制Vue是如何将一份模板转换为真实的DOM节点的，又是如何高效地更新这些节点的呢？我们接下来就将尝试通过深入研究Vue的内部渲染机制来解释这些问题。虚拟DOM你可能已经听说过“虚拟DOM”的概念了，Vue的渲染系统正是基于这个概念构建的。虚拟DOM(VirtualDOM，简称VDOM)是一种编程概念，意为将目标所需的UI通过数据结构“虚拟”地表示出来，保存在内存中，然后将真实的DOM与之保持
王大可996·2024-02-20 05:23

vue3-组合式 API

什么是组合式API？组合式API(CompositionAPI)是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。它是一个概括性的术语，涵盖了以下方面的API：响应式API：例如ref()和reactive()，使我们可以直接创建响应式状态、计算属性和侦听器。生命周期钩子：例如onMounted()和onUnmounted()，使我们可以在组件各个生命周期阶段添加逻辑。依
王大可996·2024-02-20 05:53

vue3-深入响应式系统

Vue最标志性的功能就是其低侵入性的响应式系统。组件状态都是由响应式的JavaScript对象组成的。当更改它们时，视图会随即自动更新。这让状态管理更加简单直观，但理解它是如何工作的也是很重要的，这可以帮助我们避免一些常见的陷阱。在本节中，我们将深入研究Vue响应性系统的一些底层细节。什么是响应性这个术语在今天的各种编程讨论中经常出现，但人们说它的时候究竟是想表达什么意思呢？本质上，响应性是一种可
王大可996·2024-02-20 05:53

vue3-动画技巧

Vue提供了和组件来处理元素进入、离开和列表顺序变化的过渡效果。但除此之外，还有许多其他制作网页动画的方式在Vue应用中也适用。这里我们会探讨一些额外的技巧。基于CSSclass的动画对于那些不是正在进入或离开DOM的元素，我们可以通过给它们动态添加CSSclass来触发动画：const disabled = ref(false)function warnDisabled() {  disable
王大可996·2024-02-20 05:52

vue3导入文件夹、导入文件、导出zip、导出

记录一下之前项目用到的导入文件夹和导入文件出现的一些注意的点，直接上代码注意：在传相同的文件时，会发现无法触发change事件nextTick(()=>{planFileRef.value.value="";planWordRef.value.value="";});上传文件夹上传文件import{ref}from"vue";letplanFileRef=ref();letplanWordRef=
摇头的金丝猴·2024-02-20 04:19

【开工大吉】推荐4款开源、美观的WPF UI组件库

WPF介绍WPF是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的Windows应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功能，让开发者可以创建出吸引人且交互性强的应用程序。HandyControlHandyControl是一套WPF控件库，它几乎重写了所有原生样式，同时包含80余款自定义控件。使用HandyControl你可以轻松地创建一个美观的WPF应用程序，从而大大提高
快乐非自愿·2024-02-20 02:58

用户头像（图片文件）上传（Vue + nodejs 前后端）

文件上传（图片上传）前端：Vue3+element-plus后端：express前端封装一个Upload组件和一个upload方法。
小秀_heo·2024-02-20 02:53

vue3：codepen上生成的动效代码/ 前端生成统计图（echarts包）

codepen上生成的动态效果怎么放到自己的代码里（vue3组合式api）设计给了个动态效果，说源码在codepen上面，打开一看，好家伙没有html，css也只有图里展示的这么点，那就是纯靠js实现。
小王今天也要加油鸭~！·2024-02-20 02:30

2024前端面试准备之Vue3篇

1.Vue3相比Vue2有哪些改进？CompositionAPI:Vue3引入了CompositionAPI，使得组件的逻辑更加清晰和灵活。
前端fighter·2024-02-20 01:08

Vue3快速入门-setup

查看本系列文章合集clickme下载本系列文章源码clickmesetup特性setup是CompositionAPI的入口，setup的存在就是为了让我们能够使用compositionapi。所有的CompositionAPI函数都在setup中使用,只在初始化时执行一次。执行时间在beforeCreate之前，即组件创建之前;这就意味着在执行setup时尚未创建组件实例，因此在setup选项中
温情key·2024-02-20 01:32

Vue3快速入门

资料邓睿编程【2024最新版】3小时学会Vue3，小白零基础视频教程，web前端快速入门实战课程Vue3快速入门2-案例篇Vue.js-渐进式JavaScript框架Vue3快速入门1.创建一个vue应用程序
赵健zj·2024-02-20 01:00

关于TypeError:无法读取null属性(读取‘isCE‘) -自定义组件库

关于TypeError:无法读取null属性(读取’isCE’)-自定义组件库大家先看一下这个文章https://cloud.tencent.com/developer/ask/sof/106913760
我叫汪枫·2024-02-20 01:59

关于npmlink的问题

深入浅出关于Npmlinl的问题关键词：vue3报错UncaughtTypeError:Cannotreadpropertiesofnull(reading‘isCE‘)atrenderSlotnpmlink
我叫汪枫·2024-02-20 01:25

vue3 ref 和reactive的区别

定义和用法：ref函数作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。JS中操作数据：xxx.value模板中读取数据:不需要.value，直接：{{xxx}}备注：接收的数据可以是：基本类型、也可以是对象类型。基本类型的数据：响应式依然是靠Object.defineProperty()的ge
南北极之间·2024-02-20 00:25

Vue3快速上手（七） ref和reactive对比

一、ref和reactive对比表格形式更加直观吧：项目refreactive是否支持基本类型支持不支持是否支持对象类型支持支持对象类型是否支持属性直接赋值不支持，需要.value支持是否支持直接重新分配对象支持，因为操作的.value不支持，需要使用object.assign()方法是否支持基本类型支持不支持响应式对象类型ref和reactive都是支持的。一般用哪种都是可以的。但是对于属性较多
一掬净土·2024-02-20 00:20

踩坑实录（Fourth Day）

今天开工了，其实还沉浸在过年放假的喜悦中……今天在自己写Vue3的项目，虽说是跟着B站在敲，但是依旧是踩了一些个坑，就离谱……照着敲都能踩到坑，我也是醉了……此为第四篇（2024年02月18日）问题一问题背景
与墨学长·2024-02-20 00:11

一、vue3+ts项目框架搭建——规范

新建项目及规范配置1.1项目初始化1.1.1环境准备1.1.2初始化项目1.2项目配置一、eslint配置1.1vue3环境代码校验插件1.2.eslintrc.cjs配置文件1.3运行脚本二、配置prettier
小曲曲·2024-02-20 00:34

推荐几个基于Vue3.0全家桶的优秀开源项目

PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas的在线演示文稿（幻灯片）应用，还原了大部分OfficePowerPoint常用功能
一只理智恩·2024-02-19 23:23

Vue3学习——computed、watch、watchEffect

computed与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...//计算属性——简写letfullName=computed(()=>{returnperson.firstName+'-'+person.lastName})//计算属性——完整letfullName=computed({get()returnperson.fi
可乐KL·2024-02-19 23:21

Vue3 中应该使用 Ref 还是 Reactive？

为什么要使用ref？你可能会好奇：为什么我们需要使用带有.value的ref，而不是普通的变量？为了解释这一点，我们需要简单地讨论一下Vue的响应式系统是如何工作的。当你在模板中使用了一个ref，然后改变了这个ref的值时，Vue会自动检测到这个变化，并且相应地更新DOM。这是通过一个基于依赖追踪的响应式系统实现的。当一个组件首次渲染时，Vue会追踪在渲染过程中使用的每一个ref。然后，当一个re
一只理智恩·2024-02-19 23:50

Vue3学习——响应式原理

vue3原理实现原理:通过Proxy（代理）:拦截对象中任意属性的变化,包括：属性值的读写、属性的添加、属性的删除等。通过Re
可乐KL·2024-02-19 23:19

前端Vue3开发 “硬核” 新书来了

二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。
前端组件开发·2024-02-19 23:14

学习Vue3的第二天

目录Vue3核心语法OptionsAPI与CompositionAPIsetup函数setup概述setup语法糖ref创建：基本类型的响应式数据reactive创建：对象类型的响应式数据ref创建：对象类型的响应式数据
世俗ˊ·2024-02-19 22:32

Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用

侧边栏导航vue3搭配ElementPlus框架使用ElementPlus基于Vue3，面向设计师和开发者的组件库文档：https://element-plus.gitee.io/zh-CN/安装#NPM
祈澈菇凉·2024-02-19 22:40

基于STM32F407的coreJSON使用教程

目录概述工程建立代码集成函数介绍使用示例概述coreJSON是FreeRTOS中的一个组件库，支持key查找的解析器，他只是一个解析器，不能生成json数据。同时严格执行ECMA-404JSON标准。
andylauren·2024-02-19 21:20

Nuxt3+Vue3(Composition API)+TS+Vite+Ant Design Vue 搭建

最近官网搭建选择了nuxtjs，由于框架更新了，其中语法也有很多变化，中间遇到了一些问题点做下总结。nuxt3官方文档地址：https://nuxt.com/docs/getting-started/installation安装在安装Nuxt3之前，你需要保证你的node.js大于16.10.0或者最新版本，我是用得最新版本18创建一个nuxt项目npxnuxiinit切换到刚创建的项目根目录cd
拾荒李·2024-02-19 20:48

vue3 hooks

Hooks是VUE3中利用组合式API响应式的特性的，实现简单高效的逻辑复用、提高开发效率、提高VUE模块可维护性的工具。
前端碎碎念·2024-02-19 19:50

vue2中vuex的各项的各种调用方式，部分对比vue3的pinia

首先vuex的实例化比较特别，通过导入Vue和Vuex，先Vue.use(Vuex)再newVuex.store()的方式来实例化仓库，模块则是通过创建modules文件夹，在新建的文件中export符合规范的对象，这样约定俗成的方式来创建，然后一些限制就是模块需要加上namespaced:true这个属性，大仓库则是通过newVuex({modules:{导入的模块名//注意，这里modules
强啊啊强·2024-02-19 19:48

前端技巧之svg精灵图svg-sprite-loader

然后这里要说明的是这个插件是webpack上面的，所以在vue2中比较好用，如果在vue3中，可能解决方案就不是这个插件了。
强啊啊强·2024-02-19 19:41

vue3中mockjs模拟获取数据

可以使用mock.js来模拟接口数据，以下就是使用vue3设置hook函数来封装axios请求，配合mock.js来实现的代码，mock的官网Mock.js一.mockjs安装npminstallmockjs
前端小趴菜05·2024-02-19 19:27

vue3.2+TypeScript+Pinia学习笔记（最新版！！！）

前言：vue3+typescript+pinia学习文章目录一、vue31.组合式API2.setup函数3.reactive函数4.ref函数5.reactive与ref的选择6.setup语法糖6.1
阿吧阿巴阿巴·2024-02-19 19:43

创建 vite + vue3 + ts 项目简单笔记

创建vue3项目通过官方脚手架初始化项目：第一种方法：第二种方法：第三种方法（推荐）：初始化项目1、解决`import{ref,reactive...}from'vue'`大量引入的问题2、配置环境变量
W.Y.B.G·2024-02-19 19:08

最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记

最新Vue3、TypeScript、组合式API、setup语法糖学习笔记1、创建Vue3工程基于`vue-cli`创建（基于webpack实现）基于`vite`创建（推荐）2、Vue3项目开发`vscode
W.Y.B.G·2024-02-19 19:34

Vue3笔记

创建vue-cli创建基于vite创建webpack和vite构建对比图基础官方推荐插件选项式api和组合式api对比修改组件name插件在devtools工具上显示组件name自动补充ref的value插件，vol基本语法ref和reactiveObject.assign方法可以动态更新reactive定义的对象watchwatchEffectsetup语法糖中自定义导出内容标签的ref属性（获
山重水复疑无路·2024-02-19 18:39

Vue3 计算属性

Vue3计算属性计算属性关键词:computed。计算属性在处理一些复杂逻辑时是很有用的。
q_dgsdfklt4345·2024-02-19 18:06

vue3 canvas 星空背景图

vue3canvas星空背景图页面截图代码页面截图代码import{onMounted,ref}from'vue';/***星星对象*/interfaceStar{orbitRadius:number;
唐纳德川家军·2024-02-19 18:16

如何将“龙”插入到富文本编辑器中？

本文由体验技术团队TinyVue组件库核心成员曾令卡同学编写。Quill是一款API驱动、支持格式和模块定制的开源Web富文本编辑器，目前在GitHub的Star数是38k。
·2024-02-19 18:41

在Vue3中，父组件调用子组件中的方法

前言：最近在写一个项目的过程中，遇到了父组件需要调用子组件中方法的情况，最终找到了实现方法，总结如下：1.在子组件中定义方法并暴露出去//在popupType组件中我是蓝宇逸辰Ximport{ref，defineExpose}from'vue';letshow=ref(false);constcrossPopup=()=>{show.value=!show.value;}defineExpose(
gurenchang·2024-02-19 15:40
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他