Vue功能实现

vue part6

Vue脚手（CLI）第一步（仅第一次执行）：全局安装@vue/cli。
E___V___E·2024-09-07 07:05

Vue 3 中的 provide 和 inject 跨组件通讯

在Vue3中，provide和inject的使用方式略有不同，但依然提供了强大的功能来实现跨组件通信。1.祖先组件提供数据在祖先组件中使用provide提供数据。
u010373106·2024-09-07 06:03

vue3，贪吃蛇

}速度:{{speed}}游戏暂停按空格键开始/暂停重新开始import{ref,reactive,onMounted,toRefs,watch,computed,onUnmounted,}from"vue
har01d·2024-09-07 04:20

vue前端实现打印功能

方案一：window.print()这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐方案二：利用iframe，iframe.contentDocument.execCom
是小芳芳呀·2024-09-07 04:17

Vue-技巧

1.watch一个变量的时候，初始时并不会执行。需要在create的时候手动调用一次。可以在watch的时候添加immediate属性，这样初始化的时候也会触发。2.Attrs和Listeners。V-bind="$attrs",V-bon="listeners"来获取到没有定义的props以及方法3.Object.freeze:1.大数据的时候，如果有一些数据不需要响应式变化，既可以拆分组件，做
菜鸟出动大神让路·2024-09-07 04:58

浅谈一下前后端分离（什么是前后端分离以及前后端分离的原理）

1前后端分离简单来说，就是一个前端，一个后端，前端主要负责就是页面部分，比如htmlcssvue等，而后端主要就是与数据库打交道，实现对数据库的增删改查，你也可以这样理解，后端就是从数据中取值生成一个数值传递给前端
java_upp·2024-09-07 04:46

基于Django开发的电商购物平台(完整项目介绍 --＞ 项目环境 , 项目完整代码 , 项目服务器/虚拟机部署)

Django+uwsgi+nginx+MySQL+redis+linux+requests开发的电商购物系统,以及通过使用爬虫技术批量获取商品数据.实现客户端:注册,登录,浏览记录保存,购物车,订单等功能实现管理端
攒了一袋星辰·2024-09-07 03:43

在 Vue 3 中，如何使用 Teleport 来优化组件的 DOM 结构？

在Vue3中，是一个内置组件，它允许你将组件的DOM输出到组件外部的DOM节点中。
盼盼盼·2024-09-07 01:28

【vue3+ts+vant】上传图片

1.使用van-upload组件，进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader{&__preview{&-delete{left:-6px;top:-6px;border-radius:50%;background-c
lisa带你捕蟑螂·2024-09-07 00:54

使用vue3+ts封装一个自动补全输入框Autocomplete组件

创建一个名为Autocomplete.vue的文件，在这个组件中，使用了Vue3的CompositionAPI，包括ref、watch、onMounted等。
温暖前端·2024-09-07 00:22

NODE_ENV 与 Vue

NODE_ENV与VueNODE_ENV变量只能在系统中配置吗？其实不然。在Vue项目中，Vue提供了自己的配置方式。这就要涉及到VueCLI中模式的概念了。VueCLI文档说明了这个问题。
乞力马扎罗的血·2024-09-06 23:09

uniapp，vue3，ts，接口封装、小程序登录

在src下创建public文件夹，在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resol
程序猿_“大神”·2024-09-06 23:19

vue3+ts封装类似于微信消息的组件

组件代码如下：{{duration}}'' {{duration}} ''import{ref,computed,withDefaults,onBeforeUnmount}from"vue
月伤59·2024-09-06 23:47

css deep深度选择器 vue2/vue3使用

vue2/deep/>>>::v-deepvue3:deep(inner-selector){}
saunte·2024-09-06 22:46

css-深度选择器-vue2

/deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。
"*smile*"·2024-09-06 22:14

Vue.js初学—简易计算器（使用属性监听watch，动态监听input及select的变化）

Vue.js初学—简易计算器（监听input的输入值变化事件，从而实现结果的动态刷新）学习到了属性监听watch，对于简易计算器的有了新的思路。
Dove_Y·2024-09-06 22:13

CSS Vue3深度选择器

技术栈：Vue3TypeScriptViteVant1.在template中的布局2.当我们在style标签中需要改变vant组件的样式时，需要使用到深度选择器背景：scope样式私有化，避免样式冲突原理
不叫虎子·2024-09-06 22:42

讲清Object.defineProperty()方法 PS: Vue@2.x 底层实现**数据劫持**就是调用该方法实现的。

[学习文档地址]https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty目录[学习文档地址]为什么要使用Object.defineProperty()？Object.defineProperty()工作原理语法参数返回值方法描述属性描述符它们共享以下可
呼叫6945·2024-09-06 22:42

使用Vue组件的watch监听-简单计算器

Vue组件的初探一、浅析这里做了一个全局的组件vue.component('mycomp',{})在中写组件，将id=comp1script中直接template:"#copm1"其他的部分就是之前所讲的
编程初学者01·2024-09-06 22:41

Vue2、Vue3中 CSS 样式穿透

Vue2一、箭头三剑客(原生css)>>>.类名>>>.类名{样式}二、（sass、less中）：/deep//deep/.类名{样式}三、（sass、less中）：
lsy1234565·2024-09-06 22:41

动态绑定 class 的几种实现方式 - Vue

方式一：通过Class与Style绑定的方式即三目运算的判断方式设置样式，也是Vue官方推荐的方式，具体code实现如下：html代码片段点击抽题js代码片段importProjectEnviromentfrom
survivorsfyh·2024-09-06 21:06

vue中的css深度选择器

在Vue.js项目中，尤其是在使用组件化开发时，我们时常需要修改组件内部的样式，但Vue的样式封装特性（如）会阻止外部样式直接作用于组件内部。
呼叫6945·2024-09-06 21:37

探索未来编程新纪元：flow-eda——可视化低代码的创新实践

探索未来编程新纪元：flow-eda——可视化低代码的创新实践flow-eda采用springboot+vue/react搭建的一个基于事件驱动的流式低代码编程应用程序，您可以在编辑器中采用拖拽的形式来实现业务编程工作
史锋燃Gardner·2024-09-06 20:28

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

UsingScopedSlotsinVue.js我多次认识到想要在Vue.js进行编码时如何提高生产力这是一个过于开放的问题，但是至少可以通过以下方式实现这一点：确定他们在应用程序中经常构建的功能，然后拥有可重用组件的工具包
知识文青·2024-09-06 19:41

【精选】基于HTML5技术应用于智能宠物寻找与领养系统的设计与实现（全网独一无二，阿龙独创）

技术范围：我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nod
程序员阿龙·2024-09-06 17:34

当一个程序员的博客突然变少

shigen坚持更新文章的博客写手，擅长Java、python、vue、shell等编程语言和各种应用程序、脚本的开发。记录成长，分享认知，留住感动。个人IP：shigenhello，伙伴们好久不见。
shigen01·2024-09-06 16:59

实现通过Xcode安装到虚拟机后安装iPhone模拟器并安装ipa软件到模拟器上

VMware-Tool1.下载VMware-Tool需要的文件2更新VMware-Tool四安装Xcode五,通过Xcode安装ipa到iPhone手机上1手机连接虚拟机2开机进入Xcode3连接手机总结前言最近通过vue
a small tree·2024-09-06 14:13

MVVM架构

随着Vue响应式框架越来越火，有关MVVM架构的越来越引起人们的关注，下面做详细介绍。MVVM是Model-View-ViewModel的简写，是基于数据绑定的基础架构。
努力突破·2024-09-06 13:09

vue3.5新增特性

1.响应式内部源码优化2.Props的解构比较方便设置默认值解构后依旧是响应式//子组件const{message="默认值message",count=0}=defineProps({message:String,count:Number})//编译器会自动对解构变量（message,count）的访问编译到props.count中，因此在访问时会跟踪它//所有在watch解构的props时，需
是云呀！·2024-09-06 12:04

【卷起来】VUE3.0教程-04-表单输入绑定

Hello，各位老铁，今天我们继续给大家讲解VUE3.0教程，本期我们讲述一下VUE中的表单输入绑定，在实际开发过程中，表单的输入是我们常见的功能，那么我们接下来看看，VUE是如何处理的。
听潮阁·2024-09-06 12:03

深入理解Vite3.0

二.Vite3.0有那些特性1.模板变更当你使用Vite创建Vue模板时候，
超维Ai编程·2024-09-06 12:33

工作记录：vue3配置proxy代理服务器

修改vie.config.ts下边的server//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],resolve
醇醇大魔王·2024-09-06 12:02

57、vue 使用moment

**1.下载cnpmimoment--save**2.main.js挂载importmomentfrom'moment'//导入文件Vue.prototype.
world_7735·2024-09-06 10:52

动态显示和隐藏列的 Vue 组件 — 让你的表格“变身”！

今天就来聊聊如何使用Vue和ElementUI的el-table组件，打造一个动态显示和隐藏列的组件，让你的表格也能变得活灵活现。文章目录动态显示和隐藏列的el-table-column组件！
精神阿祝·2024-09-06 10:49

【附源码】java手机进存销系统（ssm毕业设计+maven+vue+计算机专业）

本系统（程序+源码）带文档lw万字以上文末可领取本课题的JAVA源码参考系统程序文件列表系统的选题背景和意义选题背景：在当今的信息化时代，智能手机已成为人们日常生活中不可或缺的工具。随着科技的进步和移动互联网的发展，手机的功能不再局限于通讯，而是扩展到了各个领域，其中就包括进存销系统的管理。传统的进存销系统多依赖于电脑和专业的管理软件，需要固定的操作环境和专业人员进行数据输入和管理。然而，随着智能
阿联毕设程序·2024-09-06 10:15

基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统

基于JavaWeb开发的JavaSpringboot+Vue实现前后端分离房屋租赁系统作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟
网顺技术团队·2024-09-06 10:14

SPIRNGBOOT+VUE实现浏览器播放音频流并合成音频

一、语音合成支持流式返回，通过WS可以实时拿到音频流，那么我们如何在VUE项目中实现合成功能呢。语音合成应用非常广泛，如商家广告合成、驾校声音合成、新闻播报、在线听书等等场景都会用到语音合成。
定制开发才有价值·2024-09-06 09:41

ssm+vue计科毕业论文(毕设)最全开题怎么选

文章目录1前言2选题汇总3详细介绍题目1:基于SSM的毕业设计管理系统题目2:基于SSM的病人跟踪治疗信息管理系统题目3:基于SSM的大学生兼职跟踪系统题目4:基于SSM的大学生企业推荐系统题目5:基于SSM的电影院在线售票系统题目6:基于SSM的房屋出租出售系统题目7:基于SSM的房屋租赁系统题目8:基于SSM的个人健康信息管理系统题目9:基于SSM的共享充电宝管理系统题目10:基于SSM的即动
Ankhiu·2024-09-06 09:07

Javaweb学习之Vue_Axios网络请求（七）

认识AxiosAxios是一个流行的JavaScript库，用于简化HTTP请求的发送和处理。它基于Promise的概念，使得HTTP请求和响应处理更加直观和易于管理。Axios可以在浏览器和Node.js环境中使用，主要用于从客户端向服务器发送请求并接收响应。主要特点基于Promise：Axios返回的请求和响应都是Promise对象，使得异步操作更加简单和直观，便于使用async/await语
不要数手指啦·2024-09-06 06:56

【前端Vue】06 - VueCLI 脚手架

1.VueCLI介绍CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架。
itlu·2024-09-06 06:50

一步一步教你搭建monorepo项目架构

highlight:githubtheme:juejinpnpmworkspace实践项目架构采用pnpmworkspace+changelog+huskygithub示例地址1-Vue+Nest全栈模版
画一个圆_·2024-09-06 05:18

基于Vue3.X + Typescript实现的在线PPT制作工具，开源！

嗨，大家好，我是徐小夕。之前一直在社区分享零代码&低代码的技术实践，也陆陆续续设计并开发了多款可视化搭建产品，比如：H5-Dooring（页面可视化搭建平台）V6.Dooring（可视化大屏搭建平台）橙子6试卷（表单搭建引擎）Nocode/WEP文档知识引擎最近在研究办公三件套（WPS），打算做个纯WEB版本的，偶然在github上发现了一款非常有意思的开源项目，它模仿了Office的PPT制作模
徐小夕@趣谈前端·2024-09-06 05:17

vue-cli创建uni-app引入uni-ui

1.全局安装脚手架npminstall-g@vue/cli2.创建uni-app项目vuecreate-pdcloudio/uni-preset-vuemy-project3.引入uni-ui框架//安装
某公司摸鱼前端·2024-09-06 04:42

前端组件库自定义主题切换探索-01-方案借鉴与思路参考

探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，
东扯葫芦西扯瓜·2024-09-06 03:09

VUE Uncaught (in promise) Error: Network Error vue项目中net::ERR_CONNECTION_TIMED_OUT错误

前台修改axios\axios.interceptor.js,duration:300000000000,{Message({message:"请求超时,请检查本地或服务器网络情况!",type:"error",duration:300000,showClose:false,customClass:"el-message--error-custom",dangerouslyUseHTMLStrin
一入程序无退路·2024-09-06 03:08

前端系列-9 Vue3生命周期和computed和watch

背景本文介绍Vue3的生命周期和钩子函数，鉴于篇幅允许以及防止前端文章过于分散，因此将watch和computed部分之前的学习笔记也整理到本文中。这三部分是三个知识点。
Ewen Seong·2024-09-06 03:36

vue 项目打包图片没有打包进去问题解决

解决方法1.在导入图片的文件中通过import引入图片这种方法只适合图片少的情况importtestImgfrom'@/assets/img/testImg.png'2.封装公共方法,通过newURL()的方式获取图片constgetImg=(url:string)=>{returnnewURL(`../assets/img/${url}`,import.meta.url).href;};cons
kidding723·2024-09-06 02:00

uni-app基础框架搭建（vue3+ts+vite）

1.基础准备uni-app官网uni-app,uniCloud,serverless,环境安装,创建uni-app,自定义模板,国内特殊情况,更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn/quicks
LB_bei·2024-09-06 01:24

vue 响应拦截器；请求拦截器

第一步:安装axiosnpmiaxios第二步:新建src/utils/request.js模块//通用接口调用模块importaxiosfrom'axios'importstorefrom'@/store'importrouterfrom'@/router'//接口调用基准路径exportconstbaseURL=''//创建一个独立的实例对象constinstance=axios.create
辛娟娟·2024-09-06 01:49

uni+vue3请求响应拦截器(js/ts)

一、uni+vue3+js请求响应拦截器新建utils文件夹，下面新建request.jsletbaseUrl='http://域名:端口'exportdefault{request(options){
web_Bennu·2024-09-06 00:16
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他