你能保存 Vue 模型的当前状态吗？

Alex 发表于 Dev

亚历克斯

我正在使用vue.js，我想知道是否可以通过按钮将金额保存为输入，以便当用户回到笔时，他们可以看到当前记录的数字是多少。

本质上，我只希望虚拟DOM与当前数字保持更新，但我不知道该怎么做。

我的代码：

var vm = new Vue ({
  el: "#app",
  data: {
    amount: 0
  },
  methods: {
    addOne: function(){
      this.amount++;
    },
    subtractOne: function(){
      this.amount--;
    }
  }
});

<div id="app">
<h2>Amount of Red Cars I Saw Today</h2>
    <p id="times">{{amount}}</p>
    <button id="plus-one" @click.prevent="addOne">Add One</button>
    <button id="minus-one" @click.prevent="subtractOne">Subtract One</button>
</div>

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>

如果你想随意在这里分叉笔：https : //codepen.io/anicaise/pen/vRRaoB

埃里克·G

要执行您正在尝试的操作，您和其他人都必须在某处连接到相同的数据。所以不幸的是，如果没有联系和一些外部来源来存储您的更新，您将无法执行上述操作。

您的问题的两个主要解决方案是保存到数据库或保存到文件。如果没有后端，最简单的解决方案是使用众多基于 API 的数据库服务之一，您可以在其中将数据拉入和推送到一个存储库，以便访问您站点的每个人都将获得并设置相同的数据。

我最喜欢的是firebase，因为他们有一个免费的选项，所以你可以玩它。

这是一篇关于如何使用 Vue.js 进行设置的文章。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。