Vue3学习之路第24页

Vue3+vite引入Tailwind CSS

TailwindCSS是一个为快速创建定制化UI组件而设计的实用型框架。与其他CSS框架或库不同，TailwindCSS组件没有预先设置好样式。可以使用Tailwind的低级实用类来为CSS元素设置样式，如margin、flex、color等。自从2017年发布以来，TailwindCSS越来越受欢迎，因为它允许开发者创建独特的UI，而不被UIkit规则所束缚。引入tailwindcss中文文档t

QGS-CD·2024-02-02 00:31

基于 vite 创建 Vue3 项目

1、基于vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令vuecreatevue_test##随后选择3.x##ChooseaversionofVue.jsthatyouwanttostarttheprojectwith(Usearrowkey

打不着的大喇叭·2024-02-01 21:33

Revit学习之路01_Revit基础

序言：此分类记录自己的Revit学习之路。初学者难免一叶障目，不见泰山，欢迎一起交流学习！Revit介绍Revit专为建筑信息模型(BIM)构建的一款建模软件。

bachixunyanpu8626·2024-02-01 21:58

Vue学习之使用HBuilderX创建并使用vue3.0项目

Vue学习之使用HBuilderX创建并使用vue3.0项目下文将简述如何使用HBuilderX创建并使用vue3.0项目，包含项目创建、目录介绍、如何引用组件、首页自定义设置。

ciku·2024-02-01 20:08

vue3兼容超宽屏、超窄屏、4K屏幕等等

vue3兼容超宽屏、超窄屏、4K屏幕等等在你的项目src下创建一个hooks文件夹在里面创建一个UserScalePage.ts文件在里面写上import{onMounted,onUnmounted}from"vue

我叫汪枫·2024-02-01 19:06

vue3+ts使用echarts正确姿势

首先我们去封装一个Hooks为啥要封装Hooks在vue2中我们可以全局导入echarts通过this.ecahrts方式去使用echats,在vue3中使用了组合式Api对于this的支持不是方便所以为了便于开发建议自己去封装

我叫汪枫·2024-02-01 19:35

Error: EPERM: operation not permitted, mkdir ‘D:\Program Files\nodejs\node_cache\_cacache‘

安装vue时，出现如下错误：E:\QianDuan\Vue3>npminstall-g@vue/clinpmERR!codeEPERMnpmERR!syscallmkdirnpmERR!

木木三三·2024-02-01 19:46

VUE3+elementPlus 之 Form表单校验器之数字类型、小数位数校验

限制录入数字类型+小数位数限制：封装自定义验证器：/***数字输入项校验*@param{*}ruleelement-ui表单校验规则*@param{*}value输入项的值*@param{*}callback回调函数*@param{*}extraInfo附加校验信息：*allowZeroboolean是否允许为0，true:允许*isRateboolean是否是百分比字段，true：是*numRa

赫兹/Herzz·2024-02-01 19:54

VUE3+elementPlus 之 Form表单校验器之字符长度校验

需求：校验字符长度，超过后仍可输入，error提示录入字符数与限制字符数校验字符长度：/***检验文字输入区的长度*@param{*}rule输入框的rule对象，field：字段名称*@param{*}value输入框的内容*@param{*}callback回调函数*@param{*}textLengthRules文本长度校验规则对象，key：字段名称，value：字段允许最大长度*@retu

赫兹/Herzz·2024-02-01 19:53

Vue3插槽

插槽slot就是子组件提供给父组件使用的占位符,使用表示,可以填充任何模板代码插槽有匿名插槽,具名插槽,作用域插槽,动态插槽1.匿名插槽1.子组件创建插槽父组件使用插槽123或1232.具名插槽创建插槽使用底部或底部作用域插槽import{reactive}from"vue"typenames={name:string,age:number}constdata=reactive([{name:"唐

*郑*·2024-02-01 18:17

【vue】vue跑马灯vue-marquee-text-component

[email protected]vue3npminstallvue-marquee-text-component安装完成之后，vue页面全局引入

小墨鱼_z·2024-02-01 18:15

Vue3中mitt使用

在Vue3中on,on,on,off和$once实例方法已被移除,在Vu3中可以使用Mitt库1.安装Mittnpminstallmitt-s2.main.ts全局挂载import{createApp}

*郑*·2024-02-01 18:45

Vue2（十二）：Vuex

一、Vuex1.Vuex的环境搭建1.1安装vuex安装：npmivuex@3注意Vue2一定要安装vuex3，如果是vue3可以直接npmivuex安装的是vuex4，可以去package.json文件里看下

Kiwi23333·2024-02-01 18:59

vue3初体验-基于vue3+ant design封装公共弹框

parent.vueimport{defineComponent,reactive,ref}from'vue';importcustomMultipleModelfrom'/@/components/custonMultipleSelection/index.vue'exportdefaultdefineComponent({components:{customMultipleModel},set

温酒斟与你·2024-02-01 18:57

vue3 + antd 封装动态表单组件（四）

传送带vue3+antd封装动态表单组件（一）vue3+antd封装动态表单组件（二）vue3+antd封装动态表单组件（三）前置条件vue版本v3.3.11ant-design-vue版本v4.1.1

guizi0809·2024-02-01 18:25

vue3快速上手-vue3核心语法-做项目必备

1.vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece

前端进阶中·2024-02-01 17:00

TS + vue3 + element-plus 分页组件封装

记录下封装分页组件的小坑，由于开始子组件使用的:current-page来绑定，切换页码的时候页码视图没有变化，导致以为是子组件无法监听到父组件的数据变化导致的，后面查看文档使用v-model="current_page"视图就可以变化了父组件import{onMounted,reactive,ref}from"vue";import{useUserList}from"@/store/userLi

Memory灬番薯·2024-02-01 17:59

Vue3+TS+移动端-购物车实现详细步骤+项目优化

分析得到:因为购物车,在几个页面都是需要进行数据互通,主页面,商品页面,详情页面,三个不同的组件,要实现一个页面数据变化,另外页面数据跟着变化,那必须要使用vue中vuex,因为是vue3也可以使用piniavuex

前端进阶中·2024-02-01 17:59

Vue3项目封装一个Element-plus Pagination分页

前言:后台系统分页肯定是离不开的,但是ui框架都很多,我们可以定义封装一种格式,所有项目按到这个结构来做.实例:第一步:在项目components组件新建一个分页组件,用来进行封装组件.第二步:根据官方的进行定义,官方提供的这些,需要我们封装成动态模式第三步:代码改造import{ref,defineProps,defineEmits}from'vue'constprops=defineProps

前端进阶中·2024-02-01 17:59

[N-136]基于springboot,vue在线聊天系统

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

IT教程资源_·2024-02-01 16:13

实现vue3响应式系统核心-shallowReactive

代码地址：https://github.com/SuYxh/share-vue3代码并没有按照源码的方式去进行组织，目的是学习、实现vue3响

Timer@·2024-02-01 16:06

vue3：中warch监听的几种写法

作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组写法情况一监视

荀鼠不是鼠·2024-02-01 16:02

近日总结与反思

等这周稳定下来，要准备我的继续学习之路，一是英语（启蒙和新概念），一是国学，晚上要看家庭教育和写日记。对于我的孩子的教育，我已经跟孩子们开会介绍了我正在做的事情并对他们寄予

岫華·2024-02-01 16:13

2022 新书《Vue.js 设计与实现》读书笔记

标题是“设计和实现”，这本书讲的都是Vue3的原理，如何设计的，以及如何通过代码实现最基本的功能。所以，看这本书必须要先熟悉Vue3应用，否则看起来会很被动。

姑老爷呀·2024-02-01 16:46

Vuejs设计与实现2-响应系统

目录二、响应系统响应系统作用域实现非原始值的响应式方案合理的响应触发代理数组代理set与map第二章快速总结二、响应系统响应系统作用域实现响应式数据在vue3中使用proxy代理实现，基本原理：当读取操作发生时

Zhillery·2024-02-01 16:44

Golang学习之路一环境搭建

Golang学习之路一环境搭建前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。

beyond阿亮·2024-02-01 15:19

Golang学习之路一开山篇

Golang学习之路一开山篇初识Golang我第一次接触Golang是在2016年,当时在深圳工作,项目需要用Golang,当时在犹豫要不要学还是走,毕竟Java开发搞了很多年了,说放弃还是有难度的,其实也不是放弃

beyond阿亮·2024-02-01 15:49

VUE3-Cesium（entity、primitive总结及材质的修改）

目录0.Entity和Primitive概述1.entity材质修改1.1MaterialProperty方式修改材质1.1.1MaterialProperty方式设置材质1.1.2示例1-设置矩形材质：1.1.3示例2-设置折线材质：1.2通过自定义materialProperty更改材质（自定义着色器）2.primitive材质修改2.1appearance修改材质2.1.1appearanc

HM-hhxx！·2024-02-01 14:15

VUE3新特性hook

什么是hook？——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装，类似于vue2中的mixin。自定义hook的优势：复用代码,让setup中的逻辑更清楚易懂。下面举例说明在新建的hook文件夹下新建index.ts，定义了两个请求方法/**@description:自定义ts*@Author:yp*@Date:2024-01-27*@LastEditors:yp

前端你鹏哥·2024-02-01 14:16

vue2项目迁移到vue3中需要做什么处理

1.更改script标签为了方便写代码，在这里我们使用...标签2.定义变量的不同vue2中的data()内是用来定义变量的，如exportdefault{data(){return{ loginForm:{ username:"", password:"", code:"", rpassword:"" }, passwordType:"password"}}而在

前端你鹏哥·2024-02-01 14:46

vue3.0组件传值

vue3.0组件传值父组件子组件hellowrold.vueHellowrold2.vue父组件Thisisanaboutpageimport{ref,reactive}from'vue';importHelloWorldfrom

miao_zz·2024-02-01 14:45

Vue3组件传值

文章目录Vue3组件传值一、父传子二、子传父三、兄弟传值（Bus）1.引入第三方库mitt2.在哥哥组件中导入2.在弟弟组件中导入补充子组件修改父组件传的值Vue3组件传值提示：先了解defineProps

lucky_full·2024-02-01 14:45

Vue3使用dayjs以及dayjs日期工具类

Vue3使用dayjs全局使用以及将dayjs封装为自己需要的日期工具类说明安装dayjs命令在main.js里面全局导入在vue模版中使用dayjs语法如下dayjs日期工具类说明这里记录下在Vue3

谁不想飞舞青春·2024-02-01 14:08

Vue3+vite搭建基础架构（1）---新建项目

Vue3+vite搭建基础架构（1）---新建项目说明官方文档创建vite项目启动项目说明这里记录下自己用Vue3+vite的搭建过程，不使用ts语法，方便以后直接使用。

谁不想飞舞青春·2024-02-01 14:08

vite+vue3+vuex+element-plus项目搭建基础

npmcreatevite创建项目cd项目路径，进入项目npminstall下载依赖npmrundev启动项目main.js是入口文件，所有的执行必须经过main.jsapp.vue根组件实例，挂载在index.html上每一个.vue组件都有三个顶层，template、script、style每一个组件中的变量，类名都是互不影响的，所以可以重复使用npmiaxios下载axios请求工具src下

燕燕的猪·2024-02-01 14:05

Vue3+vite搭建基础架构（2）--- 使用Element Plus

Vue3+vite搭建基础架构（2）---使用ElementPlus说明官方文档vite-demo目录结构说明安装ElementPlus安装命令使用ElementPlus组件组件显示语言为英文问题说明这里记录下自己在

谁不想飞舞青春·2024-02-01 14:02

web前端之若依vue3不能及时获取字典值的解决方案、二次封装若依自带的获取字典方法、watchEffect、watch

MENU前言watch和watchEffect的区别解决若依vue3不能及时获取字典值前言因为请求字典的过程是异步所以没能及时获取到字典数据watch和watchEffect的区别基本使用const{a_type

牧马人MJ682517·2024-02-01 14:32

vue3 报错解决：无法找到模块“xxx.vue”的声明文件 xxx隐式拥有 “any“ 类型

报错原因：typescript只能理解.ts文件，无法理解.vue文件解决方法：在项目根目录或src文件夹下创建一个后缀为XXX.d.ts的文件，并写入以下内容：declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions:ComponentOptionsexportdefaultcomponentOptio

影阴·2024-02-01 13:28

vue3（ts报错）：类型“string | undefined”的参数不能赋给类型“string”的参数。不能将类型“undefined”分配给类型“string”。ts(2345)

报错原因：在ts中对类型的要求很高需要转换为对应的类型解决方法：使用强制转换：String(报错的数据)

影阴·2024-02-01 13:28

Vue3中的watch函数使用

Vue2和Vue3中的watch函数作用是一样的，用来监测数据的变化并在数据变化时触发对应的回调函数，但Vue2和Vue3中的watch在使用的细节上有所不同，Vue3中的watch在监测reactive

iheliang·2024-02-01 12:33

阿Q的Linux运维学习之路（day6-2）-Linux文件管理-拷贝、移动命令

拷贝命令cpLinux的拷贝命令就好像我们Windows系统里面的复制粘贴一样语法格式：cp[OPTION]…SOURCE…DIRECTORY命令：cp选项：-v:详细显示命令执行的操作-r:递归处理目录与子目录-p:保留源文件或目录的属性参数：路径例：[root@localhost~#cpfile/tmp/将当前目录下的file文件拷贝至/tmp/目录下[root@localhost~]#cpf

叫我阿Q_·2024-02-01 11:39

前端支持下载模板、导入数据、导出数据（excel格式）

前言xlsx是由SheetJS开发的一个处理excel文件的npm库,适用于前端开发者实现下载模板、导入导出excel文件等需求，演示的项目的技术栈为vue3+elementPlus一.引入xlsx安装

念念不忘必有回响·2024-02-01 11:32

Vue3中Pinia使用详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)

目录一、pinia是干嘛的二、安装Pinia三、封装pinia四、定义store五、Store三个核心概念1、第一个核心概念State（1）使用state中的数据（2）直接修改state中的数据（3）$patch方法修改（4）$state()方法替换state（5）$reset()方法重置state2、第二个核心概念Getters（1）定义getters（2）页面中使用getters3、第三个核心

一只大黑洋·2024-02-01 11:56

vue3 [Vue warn]: Unhandled error during execution of scheduler flush

文章目录前言一、报错截图二、排除问题思路相关问题Vue3优雅解决方法异步组件异同之处：好处：在使用异步组件时，有几个注意点：vue3定义与使用异步组件总结前言Bug记录。

TE-茶叶蛋·2024-02-01 11:55

armbian ubuntu 小盒子安装nodejs npm vue3 环境

1.直接通过apt-getinstallnodejs的版本太低了我的是v12我试了下npmcreatevue@latest这种方式不行所以就卸载了自动安装的nodejsaptremovenodejs去淘宝的ftp上下载对应的版本CNPMBinariesMirror我的小盒子是linuxarm64版本wget之后解压然后创建符号链接ln/home/QMCY/node/node-v20.11.0-li

QMCY_jason·2024-02-01 10:54

vue3 setup 中国省市区三级联动options最简洁写法，无需任何库

在写页面的时候，发现表单里面有一个省市区的options组件要写，因为表单很多地方都会用到这个地址选择，我便以为很简单嘛。虽然很简单的一个功能，但是网络上能搜索到的教程大多都是需要配合elementUI等各种UI库的，但是我的项目并没有使用这些UI库，何况我只是想要拿到一个地址字符串而已，何必绑定UI库呢？1、地址三级联动制作思路思路其实很简单：1、一个地图json数据2、能够拿到省份、市、区的o

子伟-H5·2024-02-01 10:22

vue3使用is动态切换组件报错Vue received a Component which was made a reactive object.

vue3使用is动态切换组件，activeComponent用ref定义报错VuereceivedaComponentwhichwasmadeareactiveobject.Thiscanleadtounnecessaryperformanceoverhead

前端路上迷茫的小鲨鱼·2024-02-01 09:29

《成长边界》

1：最好的学习之路“道阻且长”，不仅进度缓慢，而且在眼下也可能表现不佳，而这些困难正是为了让人在之后表现得更好2：经济学家认为，那些让学生们短期痛苦但是长远获益的教授，正是通过“建立联系”的提问方式实现了

艳子姐姐·2024-02-01 08:23

vue3中多个表格怎么同时滚动并且固定表头

说明：这里需分为两种情况来做。第一种亲情况就是没有修改过el-table这个组件的样式；第二种情况就是修改过el-table组件的样式。第一种较为简单就简单略过，这里主要提及第二种做法。1.需求效果2.第一种没有修改过el-table这个组件的样式的做法（1）直接看大佬vue2的做法https://blog.csdn.net/z1761419224/article/details/12051084

℘团子এ·2024-02-01 08:18

极致呈现系列之：Vue3中使用Echarts图表初体验

目录Echarts简介Echarts提供的图表类型及其适用场景安装和使用Echarts安装Echarts引入并使用Echarts自定义图表将数据传递给Echarts处理Echarts库中的事件Echarts简介Echarts是一个基于JavaScript的开源可视化图表库，由百度开发和维护。它提供了多种类型的图表，包括折线图、柱状图、散点图、饼图、地图等，可以用于展示各种类型的数据。Echarts

九仞山·2024-02-01 08:51

推荐频道

Vue3学习之路