如何使用 vue.js 2 获取文本？

Question

我有 ：

<span class="badge" id="total">10</span>

如果我使用 jquery ：

$('#total').text()

如果使用 vue.js 2 如何获得它？

Answer 1

为什么你的 HTML 看起来像那样？

您永远不需要在 Vue 应用程序中执行您要求的操作。使用 MVVM 应用程序，您将拥有以下内容：

new Vue({
  data: {
    total: 10,
  },
})

然后是一个模板，如：

<span class="badge" id="total">{{ total }}</span>

这样，在您的 VM 中，当您设置this.total = 12DOM时，DOM 将自动更新并this.total始终返回您的总数。