【Vue】何为 $parent ？它的使用场景是什么？

何为 $parent ？

$ 是什么？

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

$parent 简介

官方介绍：

$parent：当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自己

$parent 既可以接受父组件数据，又可以修改父组件数据，是双向的
$parent 可以调用父组件的方法

使用场景

子组件发生某个事件，在事件执行的方法中，需要访问或者更改父组件数据属性或调用父组件方法，此时用$parent【该属性不常使用】

<div id="app"><cpn></cpn>
</div>
<template id="tem"><div><p>我是子组件</p><button @click="btnclick">按钮</button></div>
</template>
<script src="../js/vue.js"></script>
<script>let app = new Vue({el:'#app',data:{name:'xixixi'},       methods:{parentPrint(){console.log("父组件方法");}},components:{cpn:{template:'#tem',methods:{btnclick(){//获取父组件name值console.log(this.$parent.name);//修改父组件name值this.$parent.name ="ssss";this.$parent.parentPrint();}}}}});
</script>

【Vue】何为 $parent ？它的使用场景是什么？相关推荐

vue 路由知识点梳理及应用场景整理
最近做项目才发现,我确实对 vue-router 太不熟悉了,都只了解个简单用法就开始搞了,本来很简单的问题,都搞不清楚.现在重新看一遍文档,重新梳理一下. vue 路由的原理说实话,路由我一直也就 ...
Vue组件间的传值五大场景，你造吗？
摘要:组件是 vue.js最强大的功能之一,这五个组件间传值场景你了解吗? 本文分享自华为云社区<你了解Vue组件间传值五大场景吗?>,作者:北极光之夜. . 父组件向子组件传值: 比如有 ...
Vue $attrs使用方式及使用场景
一.使用场景假如我们要做一个页面,有父组件,子组件,孙子组件......, 这时候使用props传递,这也就意味着当你想向嵌套层级比较深组件数据传递,只能由父组件传递给子组件,子组件再传递给孙子组件 ...
细说Vue作用域插槽，匹配应用场景。
最近在官方文档中看到,vue新增了一种插槽机制,叫做作用域插槽.要求的版本是2.1.0+. 首先来说一下:顾名思义,所谓作用域插槽,主要就在作用域,需要注意的是(以下几点看不懂不要紧,配合下面的例子, ...
“约见”面试官系列之常见面试题之第九十一篇之简述Vue的生命周期适用于哪些场景（建议收藏）
答:beforeCreate:在new一个vue实例后,只有一些默认的生命周期钩子和默认事件,其他的东西都还没创建.在beforeCreate生命周期执行的时候,data和methods中的数据都还没 ...
Vue的生命周期及使用场景
vue实例从创建到销毁的过程我们成为vue的声明周期.vue声明周期大致可以分为4个阶段8大生命周期函数,分别为: 创建前后:beforeCreate created 挂载前后:beforeMount ...
vue——this.$parent算法
父组件一: 父组件二: 子组件调用父组件一和父组件二中的方法
vue 中provide的用法_浅谈vue中provide和inject 用法
一.概念解析成对出现:provide和inject是成对出现的作用:用于父组件向子孙组件传递数据使用方法:provide在父组件中返回要传给下级的数据,inject在需要使用这个数据的子辈组件或 ...
vue 中provide的用法_[转]浅谈vue中provide和inject 用法
provide:Object | () => Object inject:Array | { [key: string]: string | Symbol | Object } provide ...
vue的组件/data的参数/组件传值/插槽/侦听器/生命周期钩子函数
目录组件结构组件的命名规则: 组件的data参数 <font color='red'> 组件的父子传值prop(通信) <font color='red'>组件的子--&g ...

【Vue】何为 $parent ？它的使用场景是什么？

何为 $parent ？

$ 是什么？

$parent 简介

使用场景

【Vue】何为 $parent ？它的使用场景是什么？相关推荐

最新文章

热门文章