vue组件

Vue组件间通信的方式

目录常用的父子组件通讯方式：props,emit2.$parent,$children3.$ref4.provide/inject5.EventBus事件总线（任意两个组件通讯）6.$attrs、$listener7.Vuex状态管理器8.localStorage/sessionStorage在开发中，组件之间是需要通信的，常用到的组件通信方式有：props与emit、$parent与$child
痴心阿文·2023-02-24 12:57

每日一题之请描述Vue组件渲染流程

组件化是Vue,React等这些框架的一个核心思想，通过把页面拆成一个个高内聚、低耦合的组件，可以极大程度提高我们的代码复用度，同时也使得项目更加易于维护。所以，本文就来分析下组件的渲染流程。我们通过下面这个例子来进行分析：Vue.component('comp',{template:'Iamcomp',})constapp=newVue({el:'#demo',})这里我们分为两步来分析：组件声
·2023-02-23 18:17

自定义vue组件并进行npm包上传

一、创建组件根目录下创建packages文件夹，需要发布的组件放置在此目录下接下来进行代码事例MyButton/myButton.vue自写逻辑我是要上传到npm的组件helloworldexportdefault{name:"MyButton",setup(){},}MuButton/index.js//导入组件,组件必须声明nameimportMyButtonfrom'./myButton.v
绝美焦栖·2023-02-23 05:38

vue3 + vite 使用 svg 可改变颜色

使用svg安装插件2、配置插件vite.config.js3、根据vite配置的svg图标文件夹，建好文件夹，把svg图标放入4、在src/main.js内引入注册脚本5、创建一个公共SvgIcon.vue
好多吃的啊·2023-02-22 08:30

2、VUE面试题

3,vue组件中如何获取dom元素?使用ref属性获取,在组件模板元素中添加ref属性,在js中用this.$refs获取4,说几个vue中的指令和它的用法？
⁠亦辞·2023-02-21 11:07

【大屏可视化模板】vue-dataV-echarts-elementul大屏数据可视化方案，屏幕适配方案等比例缩放

都是同比例缩放的，布局不会混乱聊一下为了让大家直观的看到所有的代码，所以结构方法等就不分各个组件引入了，会很麻烦要找哪是哪，我直接把所有的图都写在了一个vue组件内。
接口写好了吗·2023-02-20 23:40

vue组件通信方式有哪些？

vue组件通信方式一、props(父向子传值----自定义属性)/$emit(子向父传值-----自定义事件)父组件通过props的方式向子组件传递数据，而通过$emit子组件可以向父组件通信。
·2023-02-19 13:53

发布自己的Vue组件库到npm并实现通过命令行安装使用

我们在使用Vue进行日常开发时，我们经常会用到一些开源的UI库,如:Element-UI,echarts等，只需一行命令,即可方便的将这些库引入我们当前的项目:npminstallecharts或者yarnaddecharts但是当我们自己开发了一个UIComponent,需要在多个项目中使用的时候呢?我们首先想到的可能是直接复制一份过去对吗?这样做是很方便,但是有两个问题:当该component
奔跑的大橙子·2023-02-19 06:40

关于vue组件中定时器中只能使用箭头函数的问题

vue中使用定时器时this指向箭头函数中的this指向是固定不变（定义函数时的指向），在vue中指向vue;普通函数中的this指向是变化的（使用函数时的指向），谁调用的指向谁。因此，在vue中要用箭头语法，里面的变量才能使用this指向vue的data数据模型，否则this指向window箭头函数methods:{goPage:function(index){this.newPage=inde
春秋若北·2023-02-19 02:14

vue 组件通信方式 ，父子、隔代、兄弟 三类通信，六种方法

Vue组件间通信只要指以下3类通信：父子组件通信、隔代组件通信、兄弟组件通信，下面分别介绍每种通信方式且会说明此种方法可适用于哪类组件间通信。
爱学习的小仙女早睡早起·2023-02-18 16:23

《图解Vue3.0》- 第14节 动态组件和异步组件

使用动态组件方式：示例dynamic.vue组件1组件2组件3import{defineComponent}from'@vue/composition-api';importcomponent1from
张中华·2023-02-18 14:15

项目中修改el-popover样式无效

从许多优秀前辈的总结中发现：el-popover生成的div不在当前组件之内，甚至不在App.vue组件的div内，他和App.vue组件的div平级，所以需要设置全局style，去掉scope（注意：
脱贫不脱发·2023-02-18 07:32

8种vue组件通信方式（转载）

本篇文章带大家详细了解一下vue中8种组件通信方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。imagevue是数据驱动视图更新的框架，所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？首先我们需要知道在vue中组件之间存在什么样的关系,才更容易理解他们的通信方式,就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们之间
浅浅而谈·2023-02-18 03:33

Uni-App之Vue组件（三）

Uni-App的相关生命周期函数onLaunch当uni-app初始化完成时触发（全局只触发一次）onShow当uni-app启动，或从后台进入前台显示onHide当uni-app从前台进入后台onError当uni-app报错时触发onUniNViewMessage对nvue页面发送的数据进行监听单位换算uni-app支持的通用css单位包括px,rpxpx即屏幕像素rpx即响应式px，一种根据
听书先生·2023-02-18 00:20

uni-app初览

uni-app工程，默认包含如下目录及文件：┌─uniCloud云空间目录，阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb（详见uniCloud）│─components符合vue
番茄炒西红柿啊·2023-02-17 23:33

vue组件的详细介绍

组件概括vue组件可以理解为预先定义好的ViewModel类。
Mr无愧于心·2023-02-17 23:13

Vue框架：6、Vue组件间通信，动态组件，插槽，计算属性，监听属性

前端开发之Vue框架一、Vue组件间通信问题补充：在组件中，this代指当前组件在局部组件中data是1个函数，需要有返回值(return)由于组件间的数据并不能直接共享，因此需要进行数据传递组件间通讯注意事项
kangshong·2023-02-17 22:00

前端知识体系3.Vue

本文目录1.简述Vue的响应式原理2.delete和Vue.delete删除数组的区别3.v-for循环时为什么要加key，为什么不推荐用index作为key4.Vue组件data为什么必须是函数5.Vue
前端辉羽·2023-02-17 22:16

专升本计算机毕业设计选题源码

学校教育的目的是往企业输送人才技术升级发展太快了，从servletjsp到springboot，提升了多少倍的开发效率与此同时技术还在不断的更新迭代，这几年前端组件框架升级的比较快，从原来的html到现在的vue
淘毕设·2023-02-17 15:02

前端js实现带样式的excel(.xlsx)文件预览vue组件

发现了问题之后，就想着能不能实现一个简单的VUE组件库，能够解决以上问题，让新手前端，能够非常高效的完成文件预览任务。
·2023-02-17 15:50

在VUE项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器

SkeyeWebPlayer.js文件2、将下载好的文件放到src/static目录下3、引入方式(1)、在入口页面index.html中引入SkeyeWebPlayer.jstemplate(2)、在vue
·2023-02-17 11:24

从零开始搭建Vue组件库

VantCLI是一个基于Vite实现的Vue组件库构建工具，通过VantCLI可以快速搭建一套功能完备的Vue组件库。建立组件库的意义首先组件库可以给我们降本提效，其次可以保持视觉
·2023-02-17 11:23

vue常见问题

vue组件之间的通信？JS中判断数据类型的方法有几种?
蚂蚁想赛跑·2023-02-17 11:08

第十九节:Vue组件传参:Vue父组件向子组件传参(props传参)

1.组件嵌套1.1组件的嵌套使用之前有说过,Vue组件跟Vue实例是一样的,因此在Vue中一个组件中也可以定义并使用自己的局部组件,这就是组件的嵌套使用例如:示例代码如下://子组件选项letsonComponent
曹老师·2023-02-17 09:26

入坑前端10：Vue组件的理解

一.基本格式但是一般ES6写法可以省略image.pngimage.png二.组件的使用流程1.定义组件对象image.png注意：前面的my-head和my-footer这个只是注册组件给组件对象取的名字，并不属于组件对象的范畴。2.给组件对象注册一个名字image.png3.使用-用组件的注册名image.png三：关于template的写法1.必须要有唯一根标签image.png2.一般都这
万事屋小酱·2023-02-17 07:15

Vuex入门

比如：parent.vue组件里面有两个子组件：borther.vue和sister.vue，
池塘里快乐的小跳蛙·2023-02-17 04:51

如何从0开始搭建 Vue 组件库

VantCLI是一个基于Vite实现的Vue组件库构建工具，通过VantCLI可以快速搭建一套功能完备的Vue组件库。建立组件库的意义首先组件库可以给我们降本提
·2023-02-16 20:23

1-2 vue组件-全局注册和局部注册

组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素1、注册全局组件：(所有实例都能用全局组件。)Vue.component作用是告诉Vue在处理template时，将替换为相应的组件。它们在注册之后可以用在任何新创建的Vue根实例(newVue)的模板中。在所有子组件中也是如此，也就是说这全局注册组件在各自内部也都可以相互使用。Vue.component(t
绣依锐·2023-02-07 12:31

vue组件父传子、子传父、兄弟组件之间传值

一、父传子1、在父组件中传入子组件child32、传入时，使用v-bind指令绑定2个属性parameValue和parameValue22、在子组件child3中使用props接收(接收一个数组，数组中分别为父组件传递过来的属性parameValue和parameValue2，类型为字符串，也可以接收一个对象，键为传递过来的属性，值为字符串String)，3、将传递过来的属性在DOM中以变量的形
风的记忆乀·2023-02-07 06:47

初探 VuePress

VuePress中文个人觉得最大的亮点就是：VuePress文档是用VuePress写的markdown文件可以内嵌Vue组件借助YAML来作为驱动和配置文档...自己写自己的文档今天一友人逛掘金的时候发现了这个好东西
云峰yf·2023-02-07 02:38

前端一面高频vue面试题（边面边更）

Vue组件之间通信方式有哪些Vue组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对Vue掌握的越熟练。
·2023-02-06 09:45

vue组件模板

如果编辑器不能针对.vue生成对应的模板的情况下，该文件可供外部复用根据需要做修改，并且把不需要用到的函数注释删除vue2.x的更多详情可参照https://vuefe.cn/v2/guide/exportdefault{//组件的名称name:'tpl',//props可以是数组或对象，用于接收来自父组件的数据props:{},//数据绑定data(){return{}},//组件compone
Dennis_丹尼斯·2023-02-06 06:15

Input输入限制及格式化(PC&Mobile)

实现-原生JS/Vue页面/Vue组件/Vue指令原生JS演示(数字输入框)原生JS演示数字输入框letvalue=''letregExp=newRegExp(`^(0|[1-9]\\d*)$`)document.getE
细只·2023-02-05 16:12

vue按需加载组件-webpack require.ensure()方法来实现代码打包分离,按需加载

[contenthash].js类似下面的路由代码router/index.js路由相关信息,该路由文件引入了多个.vue组件importHellofrom'@/components/Hello'importProvincefrom
SunShine_2145·2023-02-05 04:13

element ui el-popover 样式修改不生效解决方法

el-popover写的样式不起作用，甚至连使用::v-deep‘>>>’/deep/行内Style这四种样式穿透都不起作用，这是因为el-popover生成的div不在当前组件之内，甚至不在App.vue
吃肉肉不吃肉肉·2023-02-04 15:36

Vue MPVue微信小程序 数字上下翻牌组件

一.话不多说上图：二.MPVue组件代码：第一个（数字增加上翻，减小下翻）：{{num}}exportdefault{props:{textNum:{type:String,default:''},styles
pjqdyd·2023-02-04 14:46

如何实现vuex（一期）

vuemixin了解一下混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。Vue.mixin({created:function(){varmyO
thunderQin·2023-02-04 14:44

拖拽化、低代码、可视化布局学习资料搜集

element-ui：不造轮子，有现成的优秀的vue组件库当然要用起来。没有的自己再封装一些就可以了。loadsh：工具类服务端：koa：后端语言采用nodejs
艾克华·2023-02-04 06:03

详解Vue全局组件的挂载之实现弹窗组件

目录vue组件挂载类型组件挂载代码示例1.vue.extend()方法2.render函数挂载vue组件挂载类型vue中组件的挂载分为两种类型：vue.extend()render函数组件挂载代码示例1
·2023-02-04 03:18

vue echarts引入china.js报错Cannot read property ‘echarts’ of undefined

在vue中引入echarts后，我import了网上下载的china.js,但是会报错Cannotreadproperty'echarts'ofundefined这是因为在vue组件中引入的话,地图的js
不怀旧_正青春·2023-02-03 20:30

vue组件

组价件化开发组件组件就是一个自定义的html标签，通过组件名作为自定义标签名组件注册全局组件全局祖册设置在根实例注册之前Vue.component('组件名',{/*选项内容*/template:'这是全局祖册的组件'});选项内容template选项设置组件的结构，最终被引入根实例或其他组件中只能有一个根元素data选项必须是一个函数，return返回数据局部组件newVue({...compo
你好好想想_be60·2023-02-03 16:47

一次简单的Vue项目

我们先创建一个User.vue组件，同时修改导航三的名字为用户管理，并且绑定路由（只展示了修改的部分）：用户管理{path:User,name:'用户管理',//懒加载c
Prejudice_ccca·2023-02-03 15:39

09、掌握Vue的另一个核心：组件

实现组件我们用传统的实现方式实现一个组件，html代码如下：这里是文章的标题2017年4月10日原创效果图如下：效果图.png在vue组件中，这些代码将作为我们组件的模板template。
小白摘葡萄·2023-02-03 13:59

Vue组件间通信的5种方式

1,$emit和props(父子组件间传参,且嵌套层级少)现有parent组件和child组件1.1父组件向子组件传值Vue.component('Child',{props:["message"],data(){return{}},template:"",}mounted(){console.log(this.message);//父组件的数据}})Vue.component('Parent',
加号_ZSL·2023-02-03 12:49

Vue组件name的作用小结

DOM做递归组件时比如说detail.vue组件里有个list.vue子组件，递归迭代时需要调用自身name：list.vue：
西瓜鱼仔·2023-02-03 12:24

关于Vue组件通讯那点事

Github抽空梳理了一下Vue常用的组件之间的通讯方式，然后想通过使用的技术进行分类整理笔记。Prop传值使用范围父组件向子组件传值。使用方法父组件App.vueexportdefault{name:'App',components:{Component1,},data(){return{text1:"TextFromApp.vue",}}}子组件Component1text：{{text}}e
欧怼怼·2023-02-03 11:30

uniapp数据更新以后页面不更新

//使用当前vue组件中的方法/变量时使用self.XXX就可以了}
请叫我崔大师·2023-02-03 11:54

如何在vue中使用axios？

一、在ui中新增axios依赖二、在入口文件main.js中导入三、在vue组件中发送数据请求get请求：传递一个对象作为参数，在对象中使用params字段指定要发送的数据。
小慈·2023-02-03 11:54

Vue基础用法-指令(一)

vue的指令、组件（是对UI结构的复用）、路由、Vuex、vue组件库2.vue的特性vue框架的特
程序猿向前跑·2023-02-03 11:18

【Vue 踩坑】解决Vue组件返回刷新的问题

使用解决Vue组件返回刷新问题，下面是我的使用心得。是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。
小卡丁·2023-02-02 17:43
上一页 51 52 53 54 55 56 57 58 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他