In the VueJs 2.0 文档我找不到任何可以监听的钩子props变化。
VueJs 有这样的钩子吗？onPropsUpdated()或类似的？
Update
正如@wostex所建议的，我尝试watch我的财产，但没有任何改变。然后我意识到我有一个特殊情况：
<template>
<child :my-prop="myProp"></child>
</template>
<script>
export default {
props: ['myProp']
}
</script>
我正在路过myProp父组件接收到child成分。然后watch: {myProp: ...}不管用。
You can watchprops 在 props 更改时执行一些代码：
new Vue({
el: '#app',
data: {
text: 'Hello'
},
components: {
'child' : {
template: `<p>{{ myprop }}</p>`,
props: ['myprop'],
watch: {
myprop: function(newVal, oldVal) { // watch it
console.log('Prop changed: ', newVal, ' | was: ', oldVal)
}
}
}
}
});
<script src="https://unpkg.com/vue@2/dist/vue.min.js"></script>
<div id="app">
<child :myprop="text"></child>
<button @click="text = 'Another text'">Change text</button>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
