Vue prop 传递对象到子组件刷新页面数据消失

浏览器刷新之后

可以看到子组件的内容已完全消失

解决方法利用watch深度监听

   watch: {
    formulaValue: {
      // 其值是true或false, 确认是否深入监听.
      deep: true,
      // 其值是一个回调函数, 即监听到变化时应该执行的函数
      handler(val, oldVal) {
        console.log(val);
      },
      // 立即执行,当刷新页面时会立即执行一次handler函数
      immediate: true
    }
  },