vue的$parent属性

最新推荐文章于 2024-05-28 07:05:14 发布
最新推荐文章于 2024-05-28 07:05:14 发布
阅读量1.8w 收藏 4
点赞数 1
分类专栏： 开发日常
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41629522/article/details/107064646
版权

1.首先 一般默认的来说，我们带  $  符号的我们基本默认是vue实例对象身上的也就是  vue中的 this，我们可以console一下this，

这上面有很多的属性，我们比较常用的 有$refs , $attrs, tips: 我们绑定的时候应该是单数形式比如： $ref 获取时候应该是复数形式。

2. $refs 让我们可以在父组件中进行操作子组件的数据以及方法。 $parents 让我们可以在子组件中对父组件的data和方法操作。

在这里插入图片描述

有时候我们也会吧 axios绑定到vue原型链上  ，这样子我们就可以直接在发送请求时候直接this.$axios去使用了

Vue.prototype.$ACCODE = dev.ACCODE
vue.prototype.$axios = axios

 

qq_41629522
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue组件 $children,$refs，$parent的使用详解
08-29
Vue 组件中，$children, $refs, $parent 是三个非常重要的属性，它们之间存在着紧密的联系，正确地使用它们可以帮助我们更好地管理和操作组件。 $children 属性 $children 属性返回的是一个组件集合，如果你清楚...
实例详解vue中的$root和$parent
10-17
在Vue.js框架中，`$root` 和 `$parent` 是两个非常重要的属性，它们用于在组件之间进行数据和方法的通信。本文将深入探讨这两个属性的含义、使用场景以及如何结合实例来理解它们。 首先，`$root` 是一个指向当前...
Vue3：组件间通信-$refs和$parent的使用
Brave_heart4pzj的博客
04-04 1522
Vue
vue父子组件传值之$parent、$children、$refs
djh052900的博客
01-20 4869
vue父子组件传值之$parent、$children、$refs
vue组件通讯$parent和$children获取单签组件的⽗组件和当前组件的⼦组件的例子
最新发布
codedadi的博客
05-28 690
在 Vue 中，$parent 和 $children 是实例属性，允许你访问组件的父组件和子组件。但是，请注意，这些属性主要用于在开发过程中进行调试和临时访问，并不推荐在正常的组件通信中使用，因为它们破坏了组件的封装性和可重用性。在这个例子中，父组件通过 $children 数组可以访问到它的子组件（尽管我们只知道第一个子组件），而子组件则可以直接通过 $parent 访问到它的父组件。不过，为了满足你的要求，我将提供一个简单的例子来说明如何使用 $parent 和 $children。
解读vue3中的$refs、$parent、$root、provide 和 inject
九仞山的专栏
06-09 6589
详细介绍了vue3中的$refs、$parent、$root、provide 和 inject各自的用法和优缺点
Vue--$ref, $parent, $children--使用/教程/实例
IT利刃出鞘的博客
01-09 1662
说明 本文用示例介绍Vue中$ref, $parent, $children的用法。 使用场景 $refs：父组件访问子组件 如果在普通的DOM元素上使用，引用指向的是DOM元素； 如果用在子组件上，引用的是组件实例 $parent：子组件访问父组件 $children：父组件访问子组件
Vue介绍$parent()方法和$refs()方法
weixin_43966487的博客
01-24 1万+
Vue介绍parent()方法和parent()方法和parent()方法和refs(）方法 首先介绍这个两个方法的用处：parent()方法是在子组件中可以直接访问该组件的父实例或组件；而refs（）方式可以用来访问子组件的中的数据。 贴出代码 3.分析方法:（1）在41-51行代码中使用了parent()方法，首先不难看出this.parent()方法，首先不难看出this.paren...
Vue组件中的通信(parent,root,children,el)
最爱喝怡宝的博客
12-08 859
父子组件的通信（通讯） （组件的通信 是vue核心之一） 组件是vue的核心，组件的通信是vue的核心的核心 通信：数据的“动态的实时的”传递 通信（访问）--- 一定是 能 拿到 对方的 东西（数据中心的数据，方法中心的方法，计算属性等等） 父子组件访问 子访问父 parent和root 父访问子 children和refs 父组件 和 子组件 （父子之间 数据访问） 父子组件数据互相访问 vue中 $parent 以及 ref 和 $refs 子实例（子组件） $pare...
Vue $emit()不能触发父组件方法的原因及解决
10-15
在Vue.js中，组件间的通信是通过事件和监听器来实现的，其中 `$emit` 是子组件用来触发自定义事件的关键方法。当遇到 `$emit` 无法触发父组件方法的情况，开发者可能会感到困惑。本文将深入探讨这个问题的原因以及...
vue父子组件间引用之$parent、$children
10-15
本文将深入探讨Vue中的父子组件引用机制，特别是如何利用`$parent`和`$children`属性进行通信。 首先，Vue 提供了两种主要的父子组件通信方式：props 和事件（$on() 和 $emit()）。通过props，父组件可以向子组件...
VUE 学习之parent 选项
liubangbo的专栏
05-23 4232
在vue 官网上关于parent选项有以下描述： 指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用this.$parent访问父实例，子实例被推入父实例的$children数组中 在网上关于这个选项的介绍也很少。 搜索到一个，根据信息做个demo如下： let vueVm = new Vue({ el: "#app", data: { ...
vue $parent,$children 应用
m0_65730686的博客
08-18 342
vue $parent,$children 应用
VUE2 VUE3 父子、隔代、兄弟组件的传值方式
热门推荐
alokka的博客
02-12 2万+
时隔一年多 vue 又增加了新的方法 2.2.0 新增 provide 和 inject （隔代传值） 2.4.0 新增 \$attrs 和 \$listeners （隔代传值）
vue 里 this.$parent 作用
突维
05-15 4854
this.$parent 可以访问到父组件 上所有的 data(){ 里的数据信息和生命周期方法，methods里的方法 }！
Vue中$parent 和$children的使用
cofecode的博客
07-07 1万+
$parent 该组件实例的父级组件实例$children 该组件实例的子组件实例上代码html部分<div id='box'> <parent ref='pa'></parent> </div> script部分Vue.component('parent',{ template:`<div><h1>父组件</h1><child></child></div>`,
vue组件间通信方式
htong521的博客
12-31 2290
组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。 vue组件间的几种通信方式：props、$emit/$on、vuex、$paraent/$children、$attrs/$listeners、provide/inject. 1.父子组件间传值 父组件通过props向下传递数据给子组件。注：组件中的数据共有三种形式：data、p...
vue中的 $children 和 $parent
weixin_30888027的博客
08-12 976
$children 指代的是子组件，返回的是一个组件集合 用法： this.$children 如果你能清楚的知道子组件的顺序，你也可以使用下标来操作； var inputDom = this.$children[0].$el.querySelectorAll(".el-input__inner")[0]; $parent指代的是父组件 ，返回的是一个组件集合 用法...
vue子组件主动获取父组件属性方法
a15180180753的博客
05-22 2万+
&lt;template&gt; &lt;div id="index"&gt; &lt;h1&gt;this is index&lt;/h1&gt; &lt;my-header&gt;&lt;/my-header&gt; &lt;/div&gt; &lt;/template&gt; &lt;scr
vue $parent和$chirld
08-08
vue中的$parent和$child是使用vue.js框架时，可以用于组件之间的通信的属性。$parent指的是当前组件的父组件，$child指的是当前组件的子组件。 在vue中，组件之间的通信是通过props和$emit来实现的。但有时候我们需要在嵌套层次较深的组件之间进行通信，此时使用props和$emit会比较繁琐。这时就可以利用$parent和$child来简化通信过程。 $parent属性可以访问当前组件的父组件，通过$parent我们可以在子组件中直接访问父组件的属性和方法，实现跨组件的通信。例如，在父组件中定义了一个名为"message"的数据，我们可以在子组件中通过this.$parent.message的方式来访问并使用这个数据。 $child属性可以访问当前组件的子组件，通过$child我们可以在父组件中直接访问子组件的属性和方法。例如，在子组件中定义了一个名为"getName"的方法，我们可以在父组件中通过this.$child.getName()的方式来调用这个方法。 需要注意的是，$parent和$child是vue.js中的非官方属性，使用时要谨慎。因为过多地使用这两个属性会导致组件之间的耦合性增强，降低代码的可维护性。通常情况下，推荐使用props和$emit来进行组件之间的通信，只在确实需要时才使用$parent和$child。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值