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

Posted 2023-02-16

【中文标题】如何使用 Vuejs 替换这个 jquery 代码？

【英文标题】：How to use Vuejs to replace this jquery code?

【发布时间】：2021-08-18 08:51:39

【问题描述】：

我在下面有这段代码：

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

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

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

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

【参考方案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')

<div id="log"></div>