vue的provide的使用
provide的使用方法:
在父组件中定义provide
provide和data,methods同级
provide中返回值是一个对象,相当于将对象中的内容注入到子孙组件
子孙组件使用inject: [ 由provide键名组成的数组 ] ,来获取父级组件的方法或者其他属性
具体看代码
父组件:
provide(){return{closeCurrent:this.closeCurrent,reload: this.routeReload // 刷新当前页}},methods: {closeCurrent () {console.log("你好")}}
子组件:
inject: ["closeCurrent","reload"],
这样在子孙组件中就可以使用closeCurrent以及reload这两个方法了
使用父组件注入的内容也要通过this来访问
vue的provide的使用相关推荐
- vue 中provide的用法_聊聊Vue中provide/inject的应用详解
众所周知,在组件式开发中,最大的痛点就在于组件之间的通信.在 Vue 中,Vue 提供了各种各样的组件通信方式,从基础的 props/$emit 到用于兄弟组件通信的 EventBus,再到用于全局数 ...
- 聊聊 Vue 中 provide/inject 的应用
众所周知,在组件式开发中,最大的痛点就在于组件之间的通信.在 Vue 中,Vue 提供了各种各样的组件通信方式,从基础的 props/$emit 到用于兄弟组件通信的 EventBus,再到用于全局数 ...
- vue 中 provide 和 inject 共享数据
project 和 inject 是 vue 2.2.0 新增内容.官网说明 >> https://cn.vuejs.org/v2/api/#provide-inject 1. 概述 后代 ...
- vue 中provide的用法_Vue多级组件provide/inject使用详解
这次给大家带来Vue多级组件provide/inject使用详解,Vue多级组件provide/inject使用的注意事项有哪些,下面就是实战案例,一起来看一下. provide / inject 是 ...
- vue 中provide的用法_浅谈vue中provide和inject 用法
一.概念解析 成对出现:provide和inject是成对出现的 作用:用于父组件向子孙组件传递数据 使用方法:provide在父组件中返回要传给下级的数据,inject在需要使用这个数据的子辈组件或 ...
- vue使用provide / inject 组合刷新页面+单独组件刷新
原文链接:https://www.cnblogs.com/leng12/p/xiaoleng.html 一.this.$router.go(0) 相当于F5刷新,这种方法虽然代码很少,只有一行,但是体 ...
- vue 中provide的用法_vue中provide和inject使用
1.provide/inject有什么用? 常用的父子组件通信方式都是父组件绑定要传递给子组件的数据,子组件通过props属性接收,一旦组件层级变多时,采用这种方式一级一级传递值非常麻烦,而且代码可读 ...
- vue 中provide的用法_Vue中使用provide和inject
相信大家在工作中一定遇到过多层嵌套组件,而vue 的组件数据通信方式又有很多种. 比如vuex.$parent与$children.prop.$emit与$on.$attrs与$lisenters.e ...
- vue 中provide的用法_vue高阶用法之provide与inject
1.这个两个必须同时使用,当父组件定义的方法,子组件也想使用怎么办了,这时候就可以派上用场了 provide:Object | () => Object inject:Array | { [ke ...
- vue中provide和inject 用法
我们平时在开发的时候,最常用的父子组件通信方式就是父组件绑定要传递给子组件的数据,然后子组件通过props属性接收.但是一旦组件层级变多时,采用这种方式一级一级传递值非常麻烦,而且代码可读性不高,不便 ...
最新文章
- redhat中使用securecrt 中文乱码解决办法
- debain mariadb10配置root
- Fedora开启FTP服务
- 一个故事讲清楚BIO NIO 异步
- Jupyter-Notebook插入公式
- MapBalanceReduce介绍
- 组态软件mcgs入库mysql_MCGS组态软件实现数据报表
- 软件过程与管理总复习
- win10黑客教学(5)--xscan漏洞探测
- 如何通过DAU分析活跃用户?(案例:python绘制箱体图)
- Windows下怎么更改文件扩展名
- Arduino笔记四电子指南针罗盘HMC5883L
- 技术管理进阶——什么是影响力
- 生产稳定:JVM-MySQL-Tomcat-服务调用,调优相关
- python连接数据库实现登录注册_python实现非数据库模式的用户注册和登录
- 键盘快捷键使用,背熟这些你就无需再用鼠标了!
- 亚马逊风控规则,亚马逊测评如何避免风控
- idea中的jar包在哪里导入?
- 2023年这11种互联网创业项目,让你轻松起步
- 湖北开放学院金牌计算机专业,湖北开放职业学院“计算机基础知识大赛”成功举行...
热门文章
- vue + iview Table表头中插入图片
- 66W真的比60W充电更快吗?基于Charge pump Charger的快充方案分析
- 计算机管理的服务打不开,win7系统管理服务打不开的解决方法
- java中insteadof_Java代码规范小结(一)
- 【C语言复习】C语言中的文件操作
- bon app android,Bon App!
- (转)C# 获取汉字的拼音首字母和全拼(含源码)[A]
- 人群计数经典方法Density Map Estimation,密度图估计
- Unity中雾效的开启
- “健康童乐园”10000户落成 精准弥合乡村儿童早期发展差距