如何在vue.js应用程序中查看所有数据？

Question

我正在使用localStorage在页面加载之间保留我的vue.js应用程序数据。我正在关注this tutorial，到目前为止，事情进展顺利。我的应用程序如下所示：

var app = new Vue({
  el: '#content',
  data: {
      persistant: {
          plan: 'Mega',
          seats: '0',
          support_plan: 'None'
      },
  },
  watch: {
      persistant: {
          handler() {
              localStorage.setItem('service_plan_wizard', JSON.stringify(this.persistant));
              console.log('saving items');
          },
          deep: true
      },

正如您所看到的，只要数据的“持久”部分发生任何变化，它就会保存到localStorage。很酷。

但是，将所有数据嵌套在“持久性”块中会导致其他地方出现问题。例如，在嵌套值上使用 compute 不起作用。

是否可以在视图中观看所有数据？我正在寻找类似的东西：

var app = new Vue({
  el: '#content',
  data: {
      plan: 'Mega',
      seats: '0',
      support_plan: 'None'
  },
  watch: {
  data: {
      handler() {
          localStorage.setItem('service_plan_wizard', JSON.stringify(this.data));
          console.log('saving items');
      },
      deep: true
  },

谢谢！