前端学习之路—Vue

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版

前言什么是vueVue(发音为/vjuː/，类似view)是一款用于构建用户界面的JavaScript框架。
zhfy啊·2024-02-02 20:42

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

疫情数据大屏（ts+vue3）本着学习vue3+ts技术栈的目前，敲了这个项目。
蹦哒·2024-02-02 20:41

SpringIOC之support模块PostProcessorRegistrationDelegate

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue
卡布奇诺-海晨·2024-02-02 20:11

“type-check“ exited with 1.

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue
卡布奇诺-海晨·2024-02-02 20:11

搭建 vite + vue3 + ts + pinia 项目框架

一、创建项目安装vitenpmivite-g复制代码创建项目一步创建npm6.xnpmcreatevite@latestmy-vue-app--templatevue-tsnpm7+,extradouble-dashisneeded
JackieChan_·2024-02-02 20:41

vue3+vite+ts使用pinia

最近官方推出来一个最新的vuex版本,也算是vuex5的版本吧,为了尊重这个版本的原作者,所起名字为pinia.比起之前的版本使用起来简单方便,而且模块化更加清晰,维护成本更低,所以更推荐大家使用pinia
你开心的样子我好喜欢·2024-02-02 20:41

vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用vue3compositionapi+vite+pinia+vue-router+windicss+eslint+prettier+tslint希望大佬们看看有什么可以补充的
「已注销」·2024-02-02 20:11

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架
Coder HoMeTown·2024-02-02 20:10

2021-03-03 Vue 模板编译原理

关于Vue编译原理这块的整体逻辑主要分三个部分第一步是将模板字符串转换成elementASTs（解析器）第二步是对AST进行静态节点标记，主要用来做虚拟DOM的渲染优化（优化器）第三步是使用elementASTs
SherrinfordL·2024-02-02 20:45

vue3+ts+vite+pinia 项目搭建

yarndev//安装一下pretter和eslintpnpmiprettiereslinteslint-config-prettiereslint-plugin-prettiereslint-plugin-vue
hjseo_seg·2024-02-02 20:40

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/vue-ts-scaffold文章目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwindCSSElementPlusvite
偏安zzcoder·2024-02-02 20:09

Error: Projects must list all files or use an ‘include‘ pattern.

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue
卡布奇诺-海晨·2024-02-02 20:09

5，v-for循环

v-for循环数组{{item}}varvm=newVue({el:'#app',data:{list:[1,2,3,4,5,6,7]},})也可以使用v-for="(item,i)inlist"，这个
coderymy·2024-02-02 20:53

vue2 中使用 video.js 以及遇到的问题

npm安装video.jsnpmivideo.js在main.js中进行引入import"video.js/dist/video-js.css";importvideojsfrom"video.js";Vue.prototype.videojs
未飞·2024-02-02 20:54

Vue3_基础使用_2

这节主要介绍：标签和组件的ref属性，父子组件间的传递值，ts的接口定义，vue3的生命周期1.标签的ref属性。
Evan.Pei·2024-02-02 20:23

Vue3_基础使用_1

这节主要介绍：vue2与vue3的区别，创建响应式的数据，setup语法糖的使用，watch监听，及vue3创建项目。
Evan.Pei·2024-02-02 20:53

【vue】vue不是国人开发的吗，为什么中文文档那么烂？

以下是Vue作者·尤雨溪本人原话：确保你看的是官方文档：cn.vuejs.org关于学英语那个问题的原始上下文，提问者抱怨的也是中文文档翻译滞后+版本更新changelog没有中文，而不是没有中文文档。
Aray阿伟·2024-02-02 19:22

【vue】Vuex 与 Pinia：Vue.js 状态管理库对比

目录VuexPinia比较代码比较vuexpinia总结首先要说一件重要的建议！！！
Aray阿伟·2024-02-02 19:51

vue + element 页面滚动计算百分比 + 节流函数

html：js：data(){return{scrollValue:0,}},mounted(){window.addEventListener('scroll',this.handleScroll)//监听页面滚动},beforeDestroy(){window.removeEventListener('scroll',this.handleScroll)},methods:{//获取页面滚动距
未飞·2024-02-02 19:21

Vue_Router_守卫

路由守卫：路由进行权限控制。分为：全局守卫，独享守卫，组件内守卫。全局守卫//创建并暴露路由器constrouter=newVrouter({mode:"hash"//"hash路径出现#但是兼容性强，history没有#兼容性差"routes:[{name:'banji',//命名路由,:to="{name='banji'}"path:'/class',//当路径是/class时，内容区就显示C
Evan.Pei·2024-02-02 19:20

【Vue.js】Vue.js 中的 nextTick() 方法

目录Vue.js中的nextTick()方法Vue.js中的nextTick()方法nextTick()方法在Vue.js中是一个非常有用的工具，它允许你在当前事件循环结束后执行某些操作。
Aray阿伟·2024-02-02 19:20

vue组件----插槽的使用

插槽：形象的说就是挖个坑，等着组件的使用者进行填充插槽的本质：内容分发，子组件写了插槽，父组件可以将其内容直接放到页面上用来实现组件内容的分发，通过slot标签，可以接收到写在组件标签内的内容vue提供组件插槽的能力
陈轻轻超轻·2024-02-02 19:20

Vue -- 插槽

为具名插槽提供内容3.2具名插槽的简写形式4.作用域插槽4.1作用域插槽的使用4.2解构作用域插槽的prop4.3声明作用域插槽4.4使用作用域插槽5.插槽总结插槽(slot)1.插槽插槽（Slot）是vue
萤火虫的小尾巴·2024-02-02 19:50

Vue-51、Vue技术github案例(发送ajax)

1、在index引入bootstrap.csss(注意第三方css库最好在indxe里面引入)2、List.vue源码p.login欢迎使用加载中{{errMsg}}exportdefault{name
一叶飘零晋·2024-02-02 19:49

Vue打包后，页面样式出现混乱，刷新即可恢复正常

错误效果本地上的样式完全正常，打包后的页面第一次进入出现样式错误的现象，刷新一次就恢复正常了正确效果找到问题异常情况是右上方我圈出来的部分，.spContent.conTitle{}是这个LiveVideo的样式类，但是页面中也使用了第二个conTitle类部分样式，所以导致页面样式显示错误，刷新一次后就好了了解到异常样式的来源后，我们回到自己的页面，在项目中搜索，找到相同的类名，发现这个conT
蓝胖子的多啦A梦·2024-02-02 19:49

Vue-52、Vue技术插槽使用

1、默认插槽App.vue{{p}}importCategoryfrom'.
一叶飘零晋·2024-02-02 19:49

Vue-50、Vue技术发送ajax请求。

一、使用axios发送ajax请求1、在项目工程根目录中安装全局axiosnpmiaxios2、引入axiosimportaxiosfrom'axios'3、在App.vue发送ajax请求。
一叶飘零晋·2024-02-02 19:49

2018-09-25 vue 非父子组件间通信

新建一个文件bus.jsimage.pngimportVuefrom'vue'exportdefaultnewVue需要传出的组件孕婴专区importBusfrom'@/util/bus.js'...methods
YZY君·2024-02-02 19:38

vue路由传参params与query传参两种方式的存取

vue里query传参时如何存取路由存取通过：this.$route.query.idvue里params传参如何存取路由存取通过：this.$route.params.id
Limerance_hhh·2024-02-02 19:57

vue动态绑定图片

data里面这样写：img:require("../../../static/img/new-view.png"),标签这样写：
泪滴在琴上·2024-02-02 19:30

关于node.js奇数版本不稳定 将11.x.x升级至16.x.x不成功的一系列问题（一）

据说vue2用16稳定一些vue3用18好一点（但之前我vue3用的16.18.1也可以）为维护之前的老项目先搞定node版本切换下载nvmnode版本管理工具https://github.com/coreybutler
猴小七儿·2024-02-02 19:51

ElementUI 组件：Layout布局（el-row、el-col）

ElementUI安装与使用指南Layout布局点击下载learnelementuispringboot项目源码效果图el-row_el-col.vue页面效果图项目里el-row_el-col.vue
ChinaDragonDreamer·2024-02-02 19:18

Vue3+vite搭建基础架构（3）--- 使用dayjs

Vue3+vite搭建基础架构（3）---使用dayjs说明官方文档vite.config.js别名配置安装dayjs安装命令使用dayjs将dayjs封装为自己的日期工具类使用dataUtil.js日期工具类示例说明这里记录下自己在
谁不想飞舞青春·2024-02-02 19:17

Vue3+vite搭建基础架构（4）--- 使用axios

Vue3+vite搭建基础架构（4）---使用axios说明官方文档安装axios安装命令使用axios测试参数以对象形式传参测试参数在url地址后面拼接传参说明这里记录下自己在Vue3+vite的项目使用
谁不想飞舞青春·2024-02-02 19:17

Vue3+vite搭建基础架构（5）--- 使用vue-i18n

Vue3+vite搭建基础架构（5）---使用vue-i18n说明官方文档安装vue-i18n使用vue-i18n测试vue-i18n的国际化配置说明这里记录下自己在Vue3+vite的项目使用vue-i18n
谁不想飞舞青春·2024-02-02 19:14

Vue通过nginx转发后dist文件页面样式丢失

修改Nginx配置：nginx转发静态文件：location/zqpage/{rootE:/ecidi/app/zffp_web/systemcenter/;#rootE:/zqpage;try_files$uri$uri//zqpage/index.html;#proxy_set_headerX-Forwarded-For$remote_addr;}通过nginx转发后访问前端页面发现页面显示丢
独恋彼岸花·2024-02-02 18:00

基于Python校园鲜花水果商城系统(Django框架)开题答辩常规问题和如何回答(答辩指导)

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-02-02 18:00

基于Node.js+Vue3+MongoDB 实现企业门户管理后台

技术栈:Vue3全家桶Node.jsExpress框架MongoDB数据库主要需求首页个人中心用户管理（管理员才有权限)产品管理新闻管理前端：Vue作为基础框架vue-router控制路由（hash模式
safe030·2024-02-02 18:15

vuedose.tips（翻译系列二十四）

DataProvidercomponentinVue.js使用Vue.js等基于组件的技术，并不意味着所有组件都必须基于UI。实际上，我最喜欢的在大型应用程序中应用高级可重用性的方法是使用组件组成。
知识文青·2024-02-02 18:36

vue3 + element-plus + koa2 实现图片上传至七牛云

koa2后端代码准备工作：安装koa-multerkoa-qiniukoa-uuid命令：npmikoa-multerkoa-qiniukoa-uuid-S1、新建utils文件夹新建QiniuConfig.js文件存放七牛云配置信息letQINIU={};QINIU.accessKey='xxx';//七牛的accessKeyQINIU.secretKey='xxx';//七牛的secretKe
0kime·2024-02-02 18:56

vue 深拷贝 重置数据 字段重新校验

//深拷贝letform_data=JSON.parse(JSON.stringify(this.form_data));//删除指定下表元素this.sel_staffs_arr.splice(index,1);//重置当前页面的data：Object.assign(this.$data,this.$options.data.call(this));//单独重置data中的某一个对象或者属性：t
zmlucky·2024-02-02 18:55

Vue3自定义指令的那些事（手把手教学）

今天呢想来和大家分享一下Vue3中的自定义指令这一小块知识点。我会分享一些我工作中经常用到的知识点，内容相对简单，还请大佬们手下留情。
勇宝趣学前端·2024-02-02 18:24

前端必知必会（一）：vue3+node实现网站支付功能

那时认为支付是一个很复杂的功能，今天我就想简单来了解一下支付的一个实现过程，案例中我采用的是沙箱，之前只是听过，编码使用Vue和Node想结合。写的不好，大家多多批评。
勇宝趣学前端·2024-02-02 18:54

使用Vue解决跨域问题

1.创建vue.config.js设置devServer属性module.exports={devServer:{//webpack-dev-server配置host:'localhost',port:
勇宝趣学前端·2024-02-02 18:53

Vue利用computed配合watch实现监听多个属性的变化 （解决每监听一个属性变化，就要调用一次接口，刷新数据）

目录原始方法（逐个监听）computed配合watch实现原始方法（逐个监听）当传递多个属性，而对应的接口，也需要传递过来的这几个属性作为入参的话，以下方法，不建议使用。watch:{open:{handler(val){if(val){this.getList();}},//是否深度监听deep:false,//是否立即监听immediate:true},deptId:{handler(val)
小白_ysf·2024-02-02 18:23

vue 深度作用选择器 ＞＞＞、/deep/、::v-deep

目录一、介绍二、＞＞＞三、/deep/四、::v-deep一、介绍vue项目中，会使用elementUI等组件库，有些样式直接在组件中修改无效，又因为scoped局限于当前组件，去掉scoped的话又会影响全局样式
小白_ysf·2024-02-02 18:23

vue 打包下载多层zip文件

npminstalljszipnpminstallfile-saverimportJSZipfrom"jszip";importFileSaverfrom"file-saver";import{Message}from"view-design";/***下载文件传数组*fileList*[*{*type:'file',*name:'17034953113790548.png',*url:'http
zmlucky·2024-02-02 18:22

穿透问题——vue,jquery,事件冒泡

vue穿透事件：解决办法我们只需要v-on:click.stop=''就可以阻止事件的穿透到下一级。
喵呜Yuri·2024-02-02 18:03

Vue3+Koa2实现图片上传（不再畏惧）

文章目录一、技术摘要二、图片上传流程概述1.前端2.后端三、项目搭建前端1.初始化Vue后端（koa2）1.全局安装脚手架2.初始化项目3.运行四、开始撸代码1.编写html骨架2.定义回显元素3.编写选择按钮逻辑
勇宝趣学前端·2024-02-02 18:51

vue3的element-plus在外部自定义指示器切换轮播图(走马灯)

-----自定义指示器----------内容-----内容{{item}}import{ref}from'vue'constcarousel=ref()constcurrentIndex=ref(0)
前端路上迷茫的小鲨鱼·2024-02-02 18:21
上一页 90 91 92 93 94 95 96 97 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他