vue组件传递数据的方式总结

阅读数:84 评论数:0

跳转到新版页面

分类

html/css/js

正文

一、props/emits(父子)

http://1024s.top/blog/detail?blogId=26726

二、children/parent（父子）

1、$parent

按照dom的父子级关系，在子组件中可以通过$parent直接调用父组件的方法，也可得到父组件的属性。

不推荐这样使用，因为父组件可能是变化的，不利于后期的高度和修改。

2、$children

在父组件中通过$children可以得到一个子组件的数组（无序数组），能够在父组件中调用子组件的方法和得到属性。

这样方式需要通过索引才能拿到自己想的子组件，如果对子组件进行增删，会改变索引，所以在实际开发中比较少用。

vue 子组件和父组件之间的传值方式：props/$emits

一、父组件向子组件传值父组件通过props的方式向子组件传递数据，props只可以从上一级组件传递到下一级组件，而且props只读。 1、基本示例（1）创建子组件，在src/components/

vue provide与inject的使用

一、理解(隔代传值) 1、简单的来说就是有父组件中通过provide来提供变量，然后在子组件中通过inject来注入变量。需要注意的是不论子组件有多深，只要调用了inject，那么就可以注入provi

vue $attrs与 $listeners

一、$attrs 用于多层级组件传递属性。当父组件传递了很多数据给子组件时，子组件没有声明props来进行接收，那么子组件中的

vue3中的ref、computed、reactive、toRef、toRefs

一、概述在vue2中，data函数里返回的值直接为响应式，但在vue3中我们需要使用一些函数才能达到这个效果。 setup函数中拿不到vue的this。二、常用函数 <template> <d

vue3中使用$refs

一、概述在vue3中没有$refs这个对象，可以使用如下方法 <template> <div><input type="text" ref="txt1" value="hello" /></div>

react中使用prop-types检测props数据类型

在多人开发时，当被人使用自己定义的组件时，有可能出现类型传错的情况，而在自己的组件上加上prop-

vue ref

ref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是DOM元素，如果用在子组件上，引用就指向组件实例。 <!-- `vm.$

Vuex

一、概述 Vuex是一个专门为Vue.js应用程序开发的全局状态管理功能。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。每一个Vuex应用的核心就是s

html中引用的cdn css在firefox出现cors错误的解决方法

最近自己做了一个网站，使用了cdn加速bootstrap和jquery的加载。这里先解释一下什么是cdn。 c

vue eventBus实现组件通信

一、vue2 eventBus 又称为事件总线，在vue中可以使用它来作为沟通桥梁的概念, 就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以通知其他组件。 eve

秒吧学习