Vue组件

写代码的调试工具和断点调试debugger

我们都知道Vue是一个响应式的，视图驱动数据,数据驱动视图,如何直观的看到Vue组件里面的值呢？
如果决定要走又何必挽留·2024-01-30 09:50

解决vue组件中使用v-for出现告警问题及v for指令介绍

在代码中绑定key值，可解决:添加这个：:key="index"
泪滴在琴上·2024-01-30 08:54

Vue2 VS Vue3 生命周期

一、生命周期的概念Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子（也会叫生命周期函数
Ashley的成长之路·2024-01-29 18:30

vue页面切换时给表单添加缓存

首先，在Vue组件的data中定义一个变量，用于存储表单数据：constformData=ref({key:"",key2:""})当表单数据发生变化时，将更新后的formData变量存储到缓存中：watch
左小白·2024-01-29 10:50

如何导入导出Excel表格（vue2+SpringBoot+Element+easyexcel）

目录前端1、编写模板2、发请求后端相关依赖1、创建实体类2、编写控制类3、service层4、Mapper层5、工具类6、sql脚本前端1、编写模板导入导出上述代码是一个Vue组件的模板部分。
娃哈哈哈哈呀·2024-01-29 06:18

vue在chrome浏览器中打断点调试和使用chrome插件调试vue组件和vuex

学习链接：https://www.imooc.com/video/18563有收获的话，点个赞哦！谢谢。你的赞是我写博客的动力哦
zhangyubababa·2024-01-29 01:48

Vue组件开发指南：深入学习组件生命周期、Props、事件处理和插槽

」：★java一站式服务★★前端炫酷代码分享★★uniapp-从构建到提升★★从0到英雄，vue成神之路★★解决算法，一个专栏就够了★★架构咱们从0说★★数据流通的精妙之道★文章目录前言1.引言什么是Vue
雪碧有白泡泡·2024-01-29 00:36

Vue面试题

3,vue组件中如何获取dom元素?使用ref属性获取,在组件模板元素中添加ref属性,在js中用this.$refs获取4,说几个vue中的指令和它的用法？
库猿·2024-01-28 23:10

vue 样式隔离原理

日常写单文件组件时，会在style添加scoped属性，如，目的是为了隔离组件与组件之间的样式，如下面的例子：这是foo这是bar.foo{color:red;}.bar{color:green;}在vue
椒盐大肥猫·2024-01-28 23:09

vue组件通信

Props是Vue组件之间通信的一种方式，允许父组件向子组件传递数据。Props是子组件接收来自父组件的特定数据的方式。
<有心人>·2024-01-28 15:07

vue之pinia存储和读取数据

Pinia是Vue的状态管理库，允许在Vue组件之间共享状态。
<有心人>·2024-01-28 15:35

Vue组件

1.组件概述在这一小节中，重点要理解的就是组件的编程思想。组件表示页面中的部分功能（包含自己的逻辑与样式），可以组合多个组件实现完整的页面功能。如下图所示：问题是，如何确定页面中哪些内容划分到一个组件中呢？你可以将组件当作一种函数或者是对象来考虑（函数的功能是单一的），根据[单一功能原则]来判定组件的范围。也就是说，一个组件原则上只能负责一个功能。如果它需要负责更多的功能，这时候就应该考虑将它拆分
Gao_xu_sheng·2024-01-28 14:17

uniapp，页面当有按钮的时候，可以做一个动态的效果

效果：这个是当点着按钮的时候没有松开按钮的效果（没有阴影）这个是当松开按钮的效果（有阴影）原理讲解：这段代码实现的业务逻辑是在一个Vue组件中控制“现金”按钮的阴影效果。
Ya0Chen·2024-01-28 06:11

image标签展示所有图片

首先，在Vue组件中定义一个数组，数组中存储所有的图片路径。然后，使用v-for指令在模板中循环遍历数组，使用img标签来展示每个图片。
乐神来了·2024-01-28 05:18

vue组件之 el-date-picker 能下拉出样式，但是选择不了

开发过程中，测试反映，测试：这个时间组件新建的时候可以，怎么编辑的时候一直点不了，为什么选择不了时间，有bug啊！我：本地测试没问题呀，你再点点测试：就是选择不了，你过来看。...走过去看，确实选择不了，于是我就开始找问题。一开始看console.log的报错是getYear()，getMonth()isnotfunction,一开始找的是前端的问题，找了半天也就那么个回事，就一个组件会有啥问题呢
走出舒适圈丶·2024-01-28 03:04

Vue组件之间的通信方式详细讲解（超级详细）

目录一、组件间通信的概念二、组件间通信解决了什么三、组件间通信的分类四、组件间通信的方案props传递数据$emit触发自定义事件refEventBus$parent或$root$attrs与$listenersprovide与injectvuex小结一、组件间通信的概念开始之前，我们把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一，vue中每一个.vue我们都可以视之为一个组
贫僧法号依平·2024-01-27 22:21

如何在Vue中建立全局引用或者全局命令

1一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到相同的模块（或者插件）。
闪帅念·2024-01-27 17:52

面试 Vue 框架八股文十问十答第十二期

⭐1）如何在组件中重复使用Vuex的mutation在Vue组件中，你可以通过mapMutations辅助函数来实现重复使用Vuex的mutation。
程序员小白条·2024-01-27 12:37

VueCli 3.0 配置 vue.config 优化完整版

设置为true后你就可以在Vue组件中使用template选项了，但是这会让你的应用额
何小半夏·2024-01-26 23:48

Vue2基础-Vue组件化编程

文章目录一、模块与组件1、概念2、分类二、非单文件组件1、创建组件2、注册组件1）局部注册2）全局注册3、注意点1）组件名2）关于组件标签三、VueComponent1、概念2、内置关系三、单文件组件1、格式2、引用1）暴露2）引用3）主文件一、模块与组件1、概念组件实现局部功能代码和资源的集合。2、分类非单文件组件：一个文件中包含n个组件单文件组件：一个文件中只包含一个组件(a.vue)(一般开
轩不丢·2024-01-26 20:25

速看！盘点这一年 OpenTiny 都在做什么？

四季有时，岁月更迭，OpenTiny在2023年度新增60+开源共建者，TinyVue组件库npm下载量达2.7W+，官网访问量20W+(月均),访问人数1.4W+(月均），开源PR数1139条，社群用户
OpenTiny社区·2024-01-26 17:45

vue 指定下标增加对象

//Vue组件内部的数据data(){return{items:[{id:1,name:'张三'},{id:2,name:'李四'}]};},methods:{//在指定索引后面插入新的对象addItem
Zh.冠军·2024-01-26 15:29

Vue组件化

一、组件注册使用组件使用步骤（全局组件）①创建组件构造器//构造组件方式一constcpn=Vue.extend({template:`注册的组件`})②注册组件Vue.component('mycpn',cpn)③使用组件在vue实例对象管理的域中才能够使用(局部组件)//构造组件方式二注册的组件constapp=newVue({el:'#app',data:{},components:{myc
shaoyf·2024-01-26 13:53

请求优化--利用webpack实现根据路由进行懒加载

使用动态导入语法：在Vue组件中使用import()语法来实现按需加载。例如：constFoo=()=>import('.
normi-D18·2024-01-26 11:33

/deep/ 深度选择器

vue组件中，在style设置为scoped时候，对子组件是不生效的.这时可以使用/deep/深度选择器。
浪浪山小妖_·2024-01-26 10:28

从零搭建组件库

从零搭建Vue组件库一.组件库的划分我们的划分以elementUi为基准分为Basic:Button、Icon图标、Layout布局、container布局容器...Form:Input、Radio、checkbox
y先生_f18f·2024-01-26 10:15

uniapp制作app的nvue组件live-pusher聚焦框问题

methods:{//拦截点击在live-pusher上,避免出现聚焦框over(){return},}//定位遮挡.dingwei{position:absolute;top:0rpx;width:557rpx;height:557rpx;background:#000000;opacity:0;}
前端专业写bug·2024-01-26 10:36

Vue组件按需引入时v-if和v-show的区别

普通加载：在父组件中先import子组件，然后在components模块中注册子组件，在进入页面时，会随着加载当前页面的js文件就加载子组件的内容；子组件的内容和父组件的内容在同一个js文件；按需加载：子组件显示的时候，才会去加载子组件的内容；子组件内容和当前页面的js不是一个文件；v-if:在条件为真时才去加载需要显示的组件；条件为真时元素才会渲染出来；v-show:不管条件是否为真，在一进入页
wen_文文·2024-01-26 08:29

Spring Boot入门（第三十一章）：博客首页

2、添加页面测试这里笔者就不再分组件了，因为现在这种前端代码编写方式，不好自定义Vue组件，做iframe又不友
苍_之涛·2024-01-26 03:40

分析Vue3生命周期

Vue组件的生命周期主要由一系列的钩子函数（hookfunctions）组成。
Zy000428·2024-01-26 03:02

axios用post提交的数据格式

vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。
兜兜里冒糖糖·2024-01-26 01:03

【Vue】判断项目的某个文件夹中是否有指定的图片

以下是一个Vue组件的示例代码，展示如何根据图片文件名数组动态加载图片：exportdef
别拿曾经看以后~·2024-01-25 22:23

VUE组件之间的传值

我们先快速搭建父子组件子组件IamSonexportdefault{}父组件Iamfatherimporttestfrom'./Test'exportdefault{components:{test}}先定义值并传递给子组件exportdefault{data(){return{name:'father'}},components:{test}}这边捎带提一下为什么data规定是一个函数而不是对象
感觉不错哦·2024-01-25 17:42

将vue组件发布成npm包

文章目录前言一、环境准备1.首先最基本的需要安装nodejs，版本推荐v10以上，因为需要安装vue-cli2.安装vue-cli二、初始化项目1.构建项目2.开发组件/加入组件3.修改配置文件三、调试1、执行打包命令2、发布本地连接包3、测试项目四、发布使用1、注册2、本地登陆3、发布4.使用前言工作中多个项目用到了同一个组件，每次修复bug或者增加新功能后都需要同步更新每个项目的代码，然后想到
YUJIAN。·2024-01-25 11:08

解决vue组件传值出现的类型不匹配的问题

解决vue组件传值出现的类型不匹配的问题如果props['name']的形式你传值的值可以是任意的类型。
简单点了·2024-01-25 09:49

VUE组件插槽、es6导入导出、脚手架安装

1.VUE组件插槽：Document我是底部bottom按钮我是标题内容我是默认中间内容newVue({el:"#app",/*注册组件的命名是首字母大写使用组件的时候中间要使用-分割*/components
清风伴酒__·2024-01-25 09:08

使用Sass在Vue 3 + Vite项目中实现样式编写与全局抽取

目录：什么是Sass在Vue3+Vite项目中配置SassSass语法基础在Vue组件中使用Sass样式抽取Sass样式到全局全局Sass代码的常用技巧正文：什么是SassSass（Syntactic
A丶尘土·2024-01-25 08:28

@click.native

当你给一个vue组件绑定事件的时候，要加上native，如果是普通的html元素如果使用router-link标签，加上@click事件，绑定的事件会无效，因为router-link的作用是单纯的路由跳转
逗你味·2024-01-25 01:48

Vue 组件 ref属性

Vue组件ref属性文章目录Vue组件ref属性1、计算属性2、计算属性重写过滤案例2、监听属性3、组件介绍和定义4、父子通信4.1、父传子4.2、父子通信之子传父5、ref属性6、动态组件7、keep-alive8
Tao.686·2024-01-24 23:17

系统性学习vue-vue组件化编程

vue组件化编程对组件的理解使用组件创建组件注册组件编写组件标签注意组件的嵌套VueComponent构造函数Vue实例与组件实例(vm与vc)一个重要的内置关系单文件组件(项目使用)对组件的理解就是将可以复用的模块提取为独立个体
aqiu~·2024-01-24 20:41

【Vue】监听div宽高的变化（动态渲染echarts宽高案例）

以下是一个简单的Vue组件示例，演示如何使用ResizeObserver监听div宽高的变化：exportdefault{mounted(){//获取要监听的div元素constresizeTarget
Y_coder·2024-01-24 19:39

Vue 的 事件修饰符and按键修饰符

once事件只触发一次.capture添加事件侦听器时使用事件捕获模式.self只有点击当前元素本身时才会触发回调.passive事件的默认行为立即执行，无需等待事件回调执行完毕(不常用).native将vue
城南已开979·2024-01-24 17:01

Vue可复用性和组合

混入基础混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
oWSQo·2024-01-24 13:41

Vue nextTick使用场景及实现原理

使用场景我们来看一个实际的vue组件当前姓名:{{name}}改变名称exportdefault{name:"Demo",data(){return{name:"
独爱那杯cc·2024-01-24 06:10

Vue利用pinia来完成组件之间的数据共享，可持续化存储要点总结和部分代码

//pinia的使用简单来说就是在一个文件里面写好对应的数据和逻辑代码（js代码),然后在需要的vue组件中import{mapState,mapActions}from'pinia'和importStorefrom
- 瑾♛年·2024-01-24 06:46

初识node.js(使用)

文章目录项目目录介绍和运行流程1.index.html2.整个项目的核心入口文件其实是`main.js`3.App.vue组件化开发和根组件普通组件的注册1.局部注册2.全局注册综合案例项目目录介绍和运行流程
W`hite·2024-01-24 06:34

vue请求拦截统一给所有请求加loading

思路：用h5做手机端项目，业务简单，统一封装loading，由于vue组件化开发，通常是用ajax封装后的axios插件进行，在请求拦截里面可以加loading，接口返回拦截器里面关闭loading。
chunchun_H·2024-01-24 06:26

Vue组件插槽以及vuex初识

作用域插槽子组件插槽通过:msgv='msg'向scope传值DemoOne在vue2.6之前使用slot-scope父组件使用slot-scope接收插槽传过来的值slot-scope的方式可以使用template也可以直接写在元素上我是插槽1--{{scope.msgv}}在vue2.6之后出现了v-slot在vue3就必须使用v-slot,v-slot只能写在template上我是插槽2--
冲锋敢死曾小贤·2024-01-24 05:41

Vue组件封装的原理和好处

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、Vue组件封装的原理二、Vue组件封装的好处总结前言提示：这里可以添加本文要记录的大概内容：Vue组件封装的原理涉及到前端框架的设计思想和特性
不会敲代码的小杨7·2024-01-23 22:14

Vue 3中的13种通讯方式

以下是一个简单的示例，演示了如何在Vue组件中使用props：importChildComponentfrom'.
PJH_123·2024-01-23 22:39
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他