如何使用 Vuejs 替换这个 jquery 代码？

【问题标题】：How to use Vuejs to replace this jquery code?如何使用 Vuejs 替换这个 jquery 代码？
【发布时间】：2021-08-18 08:51:39
【问题描述】：

我在下面有这段代码：

log(n) {
  $('#log').append('<div></div>').append(document.createTextNode(n));     
},

jquery 函数会在下面的代码中注入文本：

<div id='log'></div>

如何使用 Vue.js 做到这一点？请帮我对不起我的英语不好

【问题讨论】：

标签： jquery vue.js vuejs2 vue-component

【解决方案1】：

如果您不想将文本消息添加到特定的 HTML 元素，则无需为此使用 VueJs。您可以将 jQuery 代码重写为 vanilla Javascript：

function log(n) {
  const divElement = document.createElement("div")
  const textNode = document.createTextNode(n)
  document.getElementById('log')
    .append(divElement);

  divElement.append(textNode);
}


// run
log('hello world')

&lt;div id="log"&gt;&lt;/div&gt;

【讨论】：