Javascript 如何将普通Js代码转换为vue Js代码

//注销事件 document.getElementByIdlogin-help.addEventListenerclick，函数{ document.querySelector.collector.style.display=flex； document.querySelector.login.style.display=none； document.querySelector.signup.style.display=none； } document.getElementByIdforgotten-back.addEventListenerclick，函数{ document.querySelector.collector.style.display=none； document.querySelector.login.style.display=flex； document.querySelector.signup.style.display=none； } document.getElementByIdsignup-btn.addEventListenerclick，函数{ document.querySelector.collector.style.display=none； document.querySelector.login.style.display=none； document.querySelector.signup.style.display=flex； } document.getElementByIdsignup-back.addEventListenerclick，函数{ document.querySelector.collector.style.display=none； document.querySelector.login.style.display=flex； document.querySelector.signup.style.display=none；

---

} 您需要根据要执行的操作绑定类：

---

您绑定的类需要先由html元素定义，然后再由html元素定义，以切换这些类或以任何方式进行操作

您可以在vue文件的template部分而不是scriptjs部分添加click事件。通常是这样的：

 <button @click="yourFunction">Click me</button>

添加样式的方法有很多，其中之一是绑定类：

 <button :class="{'hidden': addClass}"  

---

您可以在官方文档中阅读更多内容：

自动将Vanilla JS转换为Vue是不可能的。这需要重写当前应用程序。请仔细阅读Vue的工作原理。

 <button :class="{'hidden': addClass}"  

  data() {
    return {
     addClass: false,
    };
  }