vue中provide inject的响应式监听问题怎么解决
这篇文章主要介绍"vue中provide inject的响应式监听问题怎么解决"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"vue中provide inject的响应式监听问题怎么解决"文章能帮助大家解决问题。
provide inject的响应式监听解决
提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。
所以传值传对象即可
provide(){ return { provObj: { uuidList:{} } } },this._provided.provObj.uuidList = res(异步得到的数据)
inject那边正常获取
vue监听赋值及provide与inject
vue 当父组件 改变 子组件的props 却不变
watch: { 'oState': function (val,oldval) { this.getOrderList({orderStatus: this.getOrderState(this.oState), pageSize: 1}) }, // 深度 watcher c: { handler: function (val, oldVal) { /* ... */ }, deep: true }, },$refs
$el
this.$refs.studentListDialog.$el.querySelector('.el-dialog') vm.$once( event, callback )参数：
{string} event
{Function} callback
用法：
监听一个自定义事件，但是只触发一次，在第一次触发之后移除监听器。
vm.$off( [event, callback] )
参数：
{string | Array
} event (只在 2.2.2+ 支持数组) {Function} [callback]
用法：
移除自定义事件监听器。
如果没有提供参数，则移除所有的事件监听器；
如果只提供了事件，则移除该事件所有的监听器；
如果同时提供了事件与回调，则只移除这个回调的监听器。
vm.$destroy()
用法：
完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。
触发 beforeDestroy 和 destroyed 的钩子。
当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去
obj:{ arr:[] }双向绑定后无法直接改变obj.arr
需要新增一个arr赋值或者
this.$set(this.ruleForm, 'date', time) vue.set(target,key,value)
参数：
{object | Array} target
{string | number} key
{any} value
this.$set()和Vue.set()本质方法一样，前者可以用在methods中使用。
set方法调用时，可以触发页面全部重新渲染。
provide：Object | () => Objectinject：Array
| { [key: string]: string | Symbol | Object }
这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。如果你熟悉 React，这与 React 的上下文特性很相似。
provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。在该对象中你可以使用 ES2015 Symbols 作为 key，但是只在原生支持 Symbol 和 Reflect.ownKeys 的环境下可工作。
inject 选项应该是：
一个字符串数组，或一个对象，对象的 key 是本地的绑定名，value 是：
在可用的注入内容中搜索用的 key (字符串或 Symbol)，或一个对象，该对象的：
from属性是在可用的注入内容中搜索用的 key (字符串或 Symbol)default属性是降级情况下使用的 value
提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。
示例：
// 父级组件提供 'foo' var Provider = { provide: { foo: 'bar' }, // ... }// 子组件注入 'foo' var Child = { inject: ['foo'], created () { console.log(this.foo) // => "bar" } // ... }关于"vue中provide inject的响应式监听问题怎么解决"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。
