Vue computed + watch 实现深度监听

小伙伴们在项目的开发过程中有没有组件传参由于层级太多或者嵌套了v-if 导致最后想获取值的时候，明明代码格式是正确的，怎么也拿不到的情况呢？今天小编给你带来一篇让你获取多层级组件传参再也不会有烦恼。
computed: {
getNum() {
return this.$store.state.templateNum
},
},
watch: {
getNum(val) {
this.num = val
},
},
代码详解：
以上代码假设我们是想通过vueX进行参数传递，确获取不到值的情况
首先先在computed 里面定义一个函数 return出你需要拿到的值 
然后在watch 里面去监听 computed里面的getNum 函数  当前函数需要传递参数，传递的参数介绍你上面在computed 里面erturn 的值  然后赋给你像赋值的变量，这种实现方式针对一些多层级获取不到值的情况特别适用！

Vue computed + watch 实现深度监听最先出现在Python成神之路。