Vue组件

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

插槽：形象的说就是挖个坑，等着组件的使用者进行填充插槽的本质：内容分发，子组件写了插槽，父组件可以将其内容直接放到页面上用来实现组件内容的分发，通过slot标签，可以接收到写在组件标签内的内容vue提供组件插槽的能力，允许开发者在封装组件时，把不确定的部分定义为插槽让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件===>子组件（父传子）父组件中：hellowor
陈轻轻超轻·2024-02-02 19:20

vue组件，echarts制作3D地图，可点击凸起，hover高亮，可做飞鱼线（带天空盒子）

一、下载地图json数据：免费下载实时更新的geoJson数据、行政区划边界数据、区划边界坐标集合__HashTang(hxkj.vip)二、组件引入，修改地图json数据和下载插件后可直接使用importmapDataCqfrom"@/assets/mapjson/linxi3.json";import$from'jquery';//importechartsfrom'echarts'//导入e
巴黎的疯子·2024-02-02 16:04

vue 使用动态路由参数的 keep-alive 条件缓存与三级路由缓存解决

原因查找经查找原因为：1、项目使用动态渲染路由即使用vue-router的addRouter方法，路由数据的name和vue组件的name选项数据不规范。而使用条件
东扯葫芦西扯瓜·2024-02-02 15:21

使用input框上传文件。

转载学习自：https://www.cnblogs.com/conglvse/p/9524452.html整个vue组件文件：template部分：创客马拉松最终展示最终展示仔细填写以下信息，注意格式，
王老鸭的古古事·2024-02-02 09:44

vue-flowchart使用

Vue-Flowchart的基本步骤：1.安装Vue-Flowchart可以通过npm安装Vue-Flowchart：npminstallvue-flowchart2.引入Vue-Flowchart在Vue
new code Boy·2024-02-02 07:16

Vue面试真题1 -- 生命周期函数、组件封装、axios

Vue面试真题1--生命周期函数、组件、axiosVue面试真题1--生命周期函数、组件封装、axios1-vue介绍1-1关于vue1-2如何使用vue去构建项目2-vue生命周期函数详解3-vue组件封装
前端小白进阶之旅·2024-02-02 07:13

【Vue3+Vite】Vue生命周期与组件 快速学习 第三期

文章目录一、Vue生命周期1.1生命周期简介1.2生命周期案例二、Vue组件2.1组件基础2.2组件化入门案例2.3组件之间传递数据2.3.1父传子2.3.2子传父2.3.3兄弟传参总结一、Vue生命周期
道格维克·2024-02-02 07:15

vuex 中的 this.$store undefined

解决思路：1、对比其他调用vuex的store，（发现分别在vue组件、（router.js）js文件中，进行了调用）2、在main.js中console.log(store)，结果发现vuex已经引入
Famishment·2024-02-02 00:59

vue-cli组件的使用

关于vue-cli构建项目的详细流程，可参考博文：使用vue脚手架构建项目二、使用步骤1、创建Header.vue组件在components目录下创建Header.vue编写Header.vue{{msg
CAUC_lin·2024-02-01 23:41

vue组件双向绑定.sync修饰符的一个坑

我们知道组件是单项的，但是有时候需要双向，这时候我们可以使用.sync修饰符，但今天遇到一个坑，一直不成功，花了半小时试出来的。。。。在编程的时候我们很习惯冒号后面跟着空格。而.sync双向绑定需要子组件显性触发this.$emit('update:foo',newValue)这里的updata:foo可以说是一个名字，不能加空格，不能加空格，不能加空格！！！这就是坑，由于编程习惯，也许会有人加空
weixin_34377065·2024-02-01 21:40

Vue组件之间的样式冲突问题【Vue学习笔记12】

1.组件之间的样式冲突问题默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。
扶得一人醉如苏沐晨·2024-02-01 21:58

大屏项目适配问题scale缩放

1、这个是借鉴了大佬们使用的，我又封装成vue组件使用，用了Css3的缩放属性scale控制页面比例，不过这样的可能对地图的经纬度会产生误差，比如点击地图的地点名，可能高亮到其他附加的地方，具体需求看自己界面是什么功能了
爱睡D小猪·2024-02-01 20:35

Vue覆盖子组件的样式

但我们在vue组件的标签里添加了scoped之后，是无法修改子组件的样式的，这个时候我们可以在子组件的选择器前加一个深度选择器（/deep/）如下：/deep/.el-son{/*要覆盖的样式*/}有个需要注意的地方
寂夜江潮·2024-02-01 18:33

vue组件样式覆盖

方式一：创建全局style覆盖项目中的css文件被style-loader处理，最终打包后的文件放在style标签内，放到html中作为一个内部样式表。组件库的样式先于自定义样式引入。...//导入全局样式：在main.js中引入import'./styles/index.scss'...方式二：组件内样式隔离React项目使用的是用的是CSSModule，Vue项目使用Scoped标记。保证样式
史学娇·2024-02-01 18:29

使用vue+antd，自定义vue组件，实现功能复用

1.啰唆两句1）、工作中，我们会发现有些前端操作是经常会用到的，我们就拿Table表格的添加和修改举例子，如果用到一次写一次,那我们的代码就太臃肿了；2）、我们可以把这些可以复用的功能抽成一个组件来循环使用，哪里需要用到就只需要去调用就行了。3）、重点是学思路，学方法。2.直接上图1）、这是需要做的样式界面。2）、这是添加界面3）、这是修改界面4）、思路分析其实添加数据跟修改数据的界面都是一模一样
小栗子58·2024-02-01 18:56

Vue组件中使用canvas实现蜂巢效果的一些尝试

Vue组件中使用canvas实现蜂巢效果的一些尝试 前段时间，看到D3.js的官方网站的蜂巢效果，感觉不错，不过一直没有时间去实际的实现下，借这次机会，算是填了前面的坑~~，先来看看d3.js的效果图：
lookingForw_4585·2024-02-01 17:03

vue2组件传值大全

参考：【Vue2从入门到精通】深入浅出，带你彻底搞懂Vue2组件通信的9种方式_vue2组件通信方式-CSDN博客参考：一文搞懂Vue2中的组件通信_vue.js_脚本之家Vue组件间通信分类Vue组件间通信主要指以下
前端你鹏哥·2024-02-01 14:43

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

创建项目cd项目路径，进入项目npminstall下载依赖npmrundev启动项目main.js是入口文件，所有的执行必须经过main.jsapp.vue根组件实例，挂载在index.html上每一个.vue
燕燕的猪·2024-02-01 14:05

npm发布Vue组件

一、前言本文主要介绍如何把一个vue组件通过vite编译发布到NPM平台。
zyk_520·2024-02-01 11:23

最新最全的前端面试题集锦之 Vue 全家桶篇（从基础到高级，最新最全最详细解答）

4.Vue组件之间的传值？5.Vue路由之间跳转？6.`vue.cli`中怎
八了个戒·2024-02-01 04:08

Vue使用 dhtmlx-gantt 甘特图

使用心得和一些坑分享出来下载npminstalldhtmlx-gantt-save创建ganttVue组件//ref引用这个dom//引入组件库import'dhtmlx-gantt'import{gantt
梦想成为大佬·2024-02-01 03:29

vue 使用 v-viewer 用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。

作者连接npm：[email protected]引入：//引入Viewer插件importVueViewer,{directiveasviewerDirective}from'v-viewer';//引入Viewer插件的图片预览器的样式import'viewerjs/dist/viewer.css';//使用Viewer图片预览器Vue.use(V
未飞·2024-01-31 23:24

数据预取和状态

使用服务端渲染（服务端获取异步接口数据，交给Vue组件去渲染）流程：image-20210329113524310.pn
翔子丶·2024-01-31 18:44

Vue2：请求接口的两种方式axios和vue-resource

就要涉及前端如何向后端接口发送请求，获取数据二、请求方式1、axios方式(推荐)这个方式本质就是ajax，底层就是对xhr(XMLHttpRequest)的封装1、安装axios库npmiaxios2、在对应的vue
生产队队长·2024-01-31 16:56

Vue组件化-组件间通信-props-emit

一、Vue组件的嵌套关系1.认识组件的嵌套前面我们是将所有的逻辑放到一个App.vue中：在之前的案例中，我们只是创建了一个组件App；如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护
DustinWangq·2024-01-31 15:42

Vue组件化-额外知识补充

文章目录一、组件的生命周期1.认识生命周期2.生命周期的流程二、组件中的ref引用1.$refs的使用2.parent和parent和parent和root三、动态组件的使用1.切换组件案例2.v-if显示不同的组件3.动态组件的实现四、keep-alive组件1.认识keep-alive2.keep-alive属性3.缓存组件的生命周期五、异步组件的使用1.Webpack的代码分包2.Vue中实
DustinWangq·2024-01-31 15:42

Vue组件化-插槽Slot和非父子通信

一、认识插槽Slot作用1.认识插槽Slot在开发中，我们会经常封装一个个可复用的组件：前面我们会通过props传递给组件一些数据，让组件来进行展示；但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素；比如某种情况下我们使用组件，希望组件显示的是一个按钮，某种情况下我们使用组件希望显示的是一张图片；我们应该让使用者可以决定某一块区域到底存放什么内容和
DustinWangq·2024-01-31 15:42

React和Vue组件的懒加载

懒加载，也可以成为按需加载，即页面、数据或者组件在需要加载的时候才进行加载，在开始只加载需要的最少的静态资源和数据信息，尽快的展示首屏页面。现在先不谈技术，谈谈为什么需要按需加载。有调查显示：页面的加载速度会影响客户的使用体验，加载时间每增加1s，可能都会造成一定比例的客户流失。具体的调查结果和详细数据这里不表，这应该是一个公认的事实了。现在考虑下面两种情况：1、网站在开始加载了所有请求，从输入u
xubaodian·2024-01-31 14:42

Vue之状态管理的简单使用（事件总线（Event Bus），Vuex和若依前端示例）

这两种方法都可以实现在异步操作完成后通知Vue组件执行特定的
黎明晓月·2024-01-31 13:07

vue组件data为什么必须是函数

首先看个例子newVue({el:'#app',template:`{{demo}}`,data:{demo:123}})在newvue()中，data可以直接是一个对象，为什么在vue组件中，data
world_7735·2024-01-31 12:03

VUE组件 - 回到顶部

参考：。。。找不到了。。。不厚道一回吧。原地址内容拉下来有错误，简化修改了一番才贴出来组件效果图backTop.gif组件使用示例backTopDemo.vueimportBackTopfrom'../components/common/backTop'exportdefault{name:'backTopDemo',components:{BackTop}}组件源码backTop.vueexpo
BruceOuyang·2024-01-31 03:41

vue组件通信方式 provide-inject

Vue提供了一种无需父组件显式传递props就能子组件之间共享数据的机制，即provide和inject选项。祖先组件通过provide选项来提供变量，而后代组件则通过inject选项来接收这些变量。这种方法主要用来提供一些通用的数据，如主题、配置信息等，而不需要每个子组件都声明一遍。优点解耦性强：provide/inject允许祖先组件向后代组件传递数据，而不需要显式声明props，减少组件间的
<有心人>·2024-01-31 01:30

vue强制更新组件

在Vue组件的方法中，可以使用this.$forceUpdate()来手动强制更新组件。例如：{{message}}Upd
貂蝉空大·2024-01-30 19:32

常见的项目报错以及解决方案小结

Vue组件错误：这可能是由于组件引用错误、组件命名错误、未导入或注册组件等导致的。API请求错误：在使用Vue的过程中，如果与后端
Lemom199·2024-01-30 19:19

vue组件初识以及简单应用

vue组件初识以及简单应用1.组件特点：一组可复用的vue实例组件化和模块化的区别？
前端菜鸟-001·2024-01-30 18:17

手把手带你撸一遍vue-loader源码

VueLoader是一个webpack的loader，它允许你以一种名为单文件组件(SFCs)的格式撰写Vue组件：{{msg}}expor
vv_小虫虫·2024-01-30 18:16

如何统一监听Vue组件报错

window.onerror全局监听所有JS错误，包括异步错误但是它是JS级别的，识别不了Vue组件信息，Vue内部的错误还是用Vue来监听捕捉一些Vue监听不到的错误errorCaptured生命周期监听所有下级组件的错误返回
亮学长·2024-01-30 13:11

vue生命周期

Vue2生命周期钩子Vue组件的生命周期由一系列的钩子函数组成，这些钩子函数允许你在组件生命周期的不同阶段执行自定义的逻辑。
亮学长·2024-01-30 13:11

Vue项目中使用React组件(antd组件库也可以)，React中使用Vue组件

在Vue项目中使用React组件(antd组件库也可以)，在React中使用Vue组件下面我写个demo教大家如何在Vue组件库中使用React组件甚至antd组件触类旁通,在React中使用Vue组件
清羽_ls·2024-01-30 10:29

写代码的调试工具和断点调试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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他