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

Question

我有：

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

如果我使用 jquery :

$('#total').text()

如果使用vue.js2如何获取？

Answer 1

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

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

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

然后是这样的模板：

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

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

How to get text using vue.js 2?