Question

我正在使用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/vue@2.5.13/dist/vue.js"></script>

如果您想随意在这里翻笔：https://codepen.io/anicaise/pen/vRRaoB

Answer 1

要做你正在尝试的事情，你和其他人都必须在某处连接到相同的数据。很遗憾，如果没有联系和一些外部来源存储您的更新，您将无法完成上述尝试。

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

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

这是一篇关于how to get it set up with Vue.js的文章。

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

1 个答案: