vue如何解决provide和inject响应-创新互联

这期内容当中小编将会给大家带来有关vue如何解决provide和inject响应，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

成都创新互联公司是一家专业提供杭州企业网站建设,专注与网站设计制作、网站设计、H5页面制作、小程序制作等业务。10年已为杭州众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

官网上说provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。

provide：

Object | () => Object（一个对象或返回一个对象的函数）

inject：

Array | { [key: string]: string | Symbol | Object }（一个字符串数组，或一个对象，对象的 key 是本地的绑定名）

要实现父子组件响应，父组件传递的数据类型必须是对象Object，子组件接收的数据类型必须是对象Object，其他数据类型都是不好使的

provide和inject响应的例子：

父组件：

<template>
 <div class="menu">
  <label>父组件输入框：</label>
  <input v-model="level.name" @change="levelChange(level.name)"/>
  <!-- 子组件 -->
  <my-list></my-list>
 </div>
</template>

分享标题：vue如何解决provide和inject响应-创新互联
网页地址：https://www.cdcxhl.com/article42/dojdhc.html

成都网站建设公司_创新互联，为您提供品牌网站制作、网站策划、搜索引擎优化、微信公众号、定制开发、全网营销推广

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联