Vue3学习之路

router路由跳转的两种模板2.0版本

router.push('/home');};由于上一个版本，没有导入全局组件的小伙伴，可能用不了第二套模板（上面那套代码）直接调用router库中的push方法，这边提供一套全新的版本用不来的原因是没添加进全局组件（vue3
用键盘当武器的秋刀鱼·2024-02-10 02:44

极其抽象的路由

$router.push('/home');};时代变了，在查询了各种资料后，这玩意是vue2的产物，让我们拥抱，vue3吧。。。
用键盘当武器的秋刀鱼·2024-02-10 02:44

学习Vue3的第一天

创建Vue3工程前提条件基于vue-cli创建（不推荐）基于vite创建（推荐）通过CDN使用Vue代码示例简介什么是Vue？
世俗ˊ·2024-02-10 01:04

保姆级教程 从零配置nodejs环境并用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp

本教程后面部分（用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp）适合习惯使用vscode或Webstorm等（或者说不习惯HBuilderX）的人参考，如果习惯使用HBuilderX
tepkco·2024-02-10 00:16

vue3的vite配置

使用Vite快速构建Vue3+ts+pinia脚手架使用Vite快速构建Vue3+ts+pinia脚手架-51CTO.COM1、现把下面导入的4个npm插件运行完成npmadd-Dtersernpmivite-plugin-imagemin-Dnpmivite-plugin-compression-Dnpmipostcss-preset-env-D2
A-超·2024-02-10 00:16

解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

报错内容Failedtoloadmodulescript:ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.解决方法router文件//创建路由exportconstrou
写BUG的一枚好手·2024-02-10 00:14

vue3+vite在vite中配置跨域

在vite.config.js中配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path';//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],base:"./",//打包路径resolve:{al
bsefef·2024-02-10 00:43

vue3引入vant总结

Vue3局部引入vant亲测有效[email protected]中配置{"plugins":[["import",{"libraryName
牛牛爱科技·2024-02-09 21:41

Vue3学习与实践

文章目录学习资料Vue的特点组件化模式声明式编码使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点初始Vue3Vue3带来了什么性能的提升源码的升级拥抱TypeScript新的特性Vue-cli脚手架使用
技术人生-小草·2024-02-09 20:35

todolist的五种写法（原生、vue2、vue3、react类组件，react函数组件）

1.js、vue2、vue3、react类组件、react函数组件的特性1.1JavaScript（JS）特性弱类型：JavaScript是一种弱类型语言，变量的类型可以在运行时动态改变。
前端fighter·2024-02-09 18:54

百度地图Api的引入使用-vue3组件

一、引入因为用的场景较多，抽离为组件，首先添加js文件exportfunctionbaiduMap(){returnnewPromise(function(resolve,reject){window.baiduMap=function(){resolve();};letscript=document.createElement("script");script.type="text/javasc
小佳的笔记·2024-02-09 16:11

学习之路 第七章

第七章突然凡超越感觉自己的身体里一阵燥热，也不知道为什么，突然在自己当时带戒指的左手上泛出金光好像有什么东西要出来，感觉自己的左手，仿佛跟没了一样，之前的燥热感也没有了，任何知觉都没了，右手碰碰没感觉没感觉，然后他又用他的右手使劲拽，还是没感觉，此时凡超越心中已经有一万头草泥马奔腾而过。自己这上辈子是造了什么孽呢？自己啥都没干呢，这左手咋回事？况且他还得用左手写字，右手还不会写字是有点尴尬！。额，
游走于幽暗之中的神明吞噬之王·2024-02-09 16:32

加入妈妈不烦，拥有不凡人生

从去年开始成为某读书会会员，进入他们社群开始，我开启了真正的线上付费学习之路。
静静的谷堆里看星星·2024-02-09 14:34

vue3中如何通过emit自定义事件

在组件内自定义事件：提交import{defineComponent}from'vue'exportdefaultdefineComponent({emits:['form-submit'],//先申明setup(props,context){constsubmitForm=()=>{context.emit('form-submit',true)//后定义事件以及传值}return{submit
得知此事须躬行·2024-02-09 11:51

vue3中通过对象来改变样式颜色

直接上案例代码，学过vue3的一看就懂：颜色变化//eslint-disableimport{defineComponent,reactive,toRefs,onMounted}from"vue";exportdefaultdefineComponent
得知此事须躬行·2024-02-09 11:51

vue3 + element-plus 的 upload + axios + django 文件上传并保存

座右铭：怎么简单怎么来，以实现功能为主。欢迎大家关注公众号与我交流之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。其实就是不要用默认的action，要手动实现上传方式http-request，然后再传给后端进行各种操作了这里隐藏了文件展示列表展示了上传文件的个数文件去重上传也对上传文件的格式做了限制在
卫龙~·2024-02-09 11:53

github 搭建个人导航网

欢迎大家关注公众号与我交流最近搭建了个个人的导航网，具体内容见下图，欢迎大家访问吖，点我访问(首次访问较慢)具体实现是使用vue3编写，白嫖github的page部署首先在github上创建一个仓库：name.github.io
卫龙~·2024-02-09 11:22

《财富自由之路》21-22

说起来自己的英语学习，应该是复刻了绝大多数国人的学习之路。
徐莉臻·2024-02-09 09:37

vue3+vite+ts 配置commit强制码提交规范配置 commitlint

配置git提交时的commit信息，统一提交git提交规范安装命令:npminstall-gcommitizennpmicz-customizablenpmi@commitlint/config-conventional@commitlint/cli-D文件配置根路径创建文件commitlint.config.jsmodule.exports={//继承的规则extends:['@commitli
周家大小姐.·2024-02-09 08:29

Vue3 常用的10个组合式 API

而通过Vue3，组合式API增强了我们利用Vue的能力，使我们的代码更具模块性和可读性。
子伟-H5·2024-02-09 08:06

Vue3——setup 语法检测

1.安装VueLanguageFeatures、TypeScriptVuePlugin插件2.安装后，禁用Vetur3.禁用后重启工具即可
一只漫步前行的羊·2024-02-09 07:46

vue3学习——axios封装

安装pnpmiaxios/src/utils/request.tsimportaxiosfrom'axios'import{ElMessage}from'element-plus'constrequest=axios.create({baseURL:import.meta.env.VITE_APP_BASE_API,timeout:5000,})//请求拦截器request.interceptor
可乐KL·2024-02-09 07:45

vue3学习——路由

安装pnpmivue-router/src/router/index.tsimport{createRouter,createWebHashHistory}from'vue-router'import{constantRoute}from'@/router/routes.ts'letrouter=createRouter({history:createWebHashHistory(),routes
可乐KL·2024-02-09 07:45

vue3——实现表单校验

带着这些问题，今天一起来看一下vue3中如何实现表单校验吧~一、表单校验的意义当用户在输入框内输入的值或者必选项未进行选择时，就不触发下一步的操作可以让用户的信息都按一定的规则来设置，方便统一管理通过表单校验可以有效地规避不法分子进行
leo·2024-02-09 07:45

vue3——登录校验

页面首先需要在表单配置model、ref、rules，el-form-item中放prop登录scriptletform=reactive({username:'admin',password:'111111',})constformRef=ref()constbtnLoading=ref(false)construles={username:[{required:true,message:'请输
可乐KL·2024-02-09 07:13

【vue3学习笔记】自定义hook；toRef与toRefs

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P156节《自定义hook》笔记：实现一个鼠标“打点”功能：注意点：（1）组件卸载时需要接触window上的事件绑定，否则组件卸载后window
youyoufenglai·2024-02-09 07:04

【vue3学习笔记】shallowReactive与shallowRef；readOnly与shallowReadOnly；toRaw与markRaw

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P158节《shallowReactive与shallowRef》笔记：reactive()与shallowReactive()：reactive
youyoufenglai·2024-02-09 07:56

OpenGL ES学习之路(3.1) 着色器渲染过程、渲染方式、FrameBuffer与RenderBuffer

着色器渲染过程在渲染过程中，必须存储2种着⾊器，分别是顶点着⾊器、片元着⾊器。顶点着⾊器是第⼀个着色器、⽚元着⾊器是最后⼀个。顶点着⾊器中处理顶点、片元着⾊器处理像素点颜色。渲染流程图image.png1.创建顶点2.然后通过顶点着色器渲染3.连接信息条，通过各个顶点连接成几何图形4.光栅化：其实是确定像素点在屏幕上绘制的位置，然后这些片段由片元着色器处理（输入给片元着色器）5.光栅化阶段生成每个
velue·2024-02-09 06:43

Vue3编写简单的App组件(二)

一、Vue3页面渲染基本流程1、入口文件ViteApp2、main.ts//引入CreateApp用于创建应用import{createApp}from"vue";//引入App根组件importAppfrom
maplea2012·2024-02-09 06:04

第二章 Electron自定义界面(最大化、最小化、关闭、图标等等)

这里我已经搭建好了项目快速搭建Electron+Vite3+Vue3+TypeScript5
Etc.End·2024-02-09 06:26

从 16 个方向逐步搭建基于 vue3 的前端架构

前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。
codexu_461229187·2024-02-09 06:46

基于Vue的前端架构，我做了这15点

前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。
codexu_461229187·2024-02-09 06:45

2024年的VUE2下的无效指令npm install --save vue-i18n

vue官网已经声明了不再维护vue2,vue-i18n安装依赖的时候就只接安装vue3的vue-i18,直接报错：>npminstall--savevue-i18nnpmERR!
阿狸Jay(塘主)·2024-02-09 06:43

前端学习之路(6) npm详解

npm是什么？npm（nodepackagemanager）：node.js的包管理器，用于node插件管理（包括安装、卸载、管理依赖等），npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-09 05:56

【高频前端面试题--TypeScript篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇什么是TypeScript？
码上有前·2024-02-09 05:25

【高频前端面试题--Vue3.0篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇Vue3.0有什么更新defineProperty和proxy的区别Vue3.0为什么要用proxy
码上有前·2024-02-09 05:21

Vue3中路由配置Catch all routes (“*“) must .....问题

Vue3中路由配置Catchallroutes(“*”)must…问题文章目录Vue3中路由配置Catchallroutes("*")must.....问题1.业务场景描述1.加载并添加异步路由场景2.
小袁搬码·2024-02-09 05:50

Vue3基础(十yi)___常用生命周期函数___setup___onMounted___onUpdated

对比vue2beforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated->onUpdatedbeforeDestroy->onBeforeUnmountdestroyed->onUnmountederrorCaptur
六卿·2024-02-09 05:32

vue3+elementplus el-upload组件上传第三方oss存储问题

文件上传功能属于一项基本功能，而随着对象存储的发展，现在项目开发中，大部分都是把文件上传到第三方的oss系统或者自己搭建的oss系统。而el-upload组件是elementui提供的一个文件上传的组件，其有很多属性和事件，如下图所示是其组件的部分属性，因为其属性和事件比较多，所以el-upload组件也是一个比较有难度的组件。element-plusel-upload组件文档地址那么使用el-u
qq_33453797·2024-02-09 05:59

3分钟带你了解Vue3的nextTick()

概念在Vue3中nextTick()方法的行为和Vue2中基本相似，但它进行了一些优化，以提高性能和稳定性。nextTick
_Minato_·2024-02-09 04:22

re:从0开始的CSS学习之路 8. 浏览器默认样式

1.默认样式浏览器会有一个默认样式，body标签会有自带一个8px的margin属性。在布局的时候通常不想要浏览器的默认样式，因此可以先清除一下浏览器提供的默认样式示例如下：Browserdefaultstyle.box1{width:200px;height:200px;background-color:#c7decc;}*{margin:0;/*padding:0;*/}注：padding其实
扶摇|·2024-02-09 04:50

re:从0开始的CSS学习之路 7. 盒子模型

1.盒子模型盒子模型（boxmodel）：可以把HTML中所有的元素都理解成盒子，用于装内容的容器目的就是为了将HTML文档中的内容进行归纳整理，方便管理，从而达到布局的效果内容区content边框border内边距padding外边距margin1.内容区content元素中所有的子元素和文本等都在内容区中排列内容区的大小使用width和height属性设置width设置内容区的宽度height
扶摇|·2024-02-09 04:20

报复性摆烂

学习之路真的太累太艰难了，本来上班就够辛苦了，这马上就到考试时间了，心理压力也挺大。哎，既希望快点到，又希望不要到来。下午上班编辑退款申请单时，又没用脑子，没思考如何排版更好。
小朱配奇·2024-02-09 03:10

vue3跨组件(多组件)通信：事件总线【Event Bus】

★推荐方案：使用`events`npm库；可用范围：vue、react、angular等任何框架都可使用；且使用方式完全一致；本文仅介绍、讲解对web页面端项目的常用API；通过events实现事件总线功能；event库概述：本次所使用到的库为通用库，若在node环境使用则无需npm安装，本身自带的；浏览器环境下使用才需要npm安装。events库是从Node.js上移植Events模块的功能，因
oumae-kumiko·2024-02-09 01:13

VUE2模拟VUE3中的Teleport实现改变元素挂载的节点

Teleport页面exportdefault{name:'teleport',props:{to:{type:String,required:true}},mounted(){consttoEl=document.querySelector(this.to)if(toEl){toEl.appendChild(this.$el)}},destroyed(){consttoEl=document.q
灰海·2024-02-09 00:34

VUE2和VUE3区别对比一览

##Vue3总结###官方文档*[Vue3](https://v3.cn.vuejs.org/api/options*data.html)*[Vue2](https://vuejs.bootcss.com
灰海·2024-02-09 00:02

关于vue3中文转拼音和三级联动

1.vue3中文转拼音npminstallpinyin--save//拼音constnamePinyin=ref('');mName是后端传过来的最后的结果是测试杨ceshiyangletmName=record.userId_dictText.split
_斯洛伐克·2024-02-08 23:12

关于vite5中postcss-px-to-viewport插件问题和require问题

1.vue3中不支持require，可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform
_斯洛伐克·2024-02-08 23:41

宁德烟草大屏问题与解决方法总结vue3+vite5

中css里添加postcss代码如下1.样式总结：1.非标准屏幕时要完整展示大屏内容当大屏不是1920*1080屏幕时，两侧可以滑动。当1920*1080正常时，不会滑动，可以设置高度和滚动。91和35分别是我的头部和尾部高度。同时配合postcsspxtoviewport8plugin插件保证宽度自适应.left{width:436px;height:calc(100vh-91px-35px);
_斯洛伐克·2024-02-08 23:41

关于vue3路由

参考vue3路由跳转and接收参数_vue3接收参数-CSDN博客vue3部分使用路由：传递路由//引入API---useRouterimport{useRouter}from'vue-router';
_斯洛伐克·2024-02-08 23:41
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他