如何将普通Javascript放入VueJS

我实际上只是在尝试将其实现到vuejs组件中。有人能帮我把JavaScript放在哪里，让它工作吗？我是vuejs新手，我仍然不知道如何在脚本部分设置所有内容，以便它能够正常工作

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

手风琴{ 背景色：#eee； 颜色：#444； 光标：指针； 填充：18px； 宽度：100%； 边界：无； 文本对齐：左对齐； 大纲：无； 字体大小：15px； 过渡：0.4s； } .活动，.手风琴：悬停{ 背景色：#ccc； } .手风琴{ 内容：“\002B”； 颜色：#777； 字体大小：粗体； 浮动：对； 左边距：5px； } .活动：之后{ 内容：“\2212”； } .小组{ 填充：0 18px； 背景色：白色； 最大高度：0； 溢出：隐藏； 过渡段：最大高度0.2s放松； } 有符号的手风琴 第一节 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

第二节 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

---

既然您试图学习Vue，我建议您研究如何使用Vue自己的工具集实现所需的功能，而不是使用本机JS事件处理程序、文档选择等

您可以使用

v-on:

指令（简称

@

）为大多数常见事件轻松添加事件侦听器：

在您的

myClickHandler

方法中：

methods: {
  myClickHandler() {
    let panel = this.$refs.myPanel
    ... do stuff ....
  }
}

这将是解决您的问题的“Vue方式”——一旦您习惯了它，与本机JS dom选择、eventlisteners等相比，这将是非常棒和简单的

---

我建议您更多地研究如何通过Vues工具实现这一点，而不是试图强制使用本机JS和放弃所有Vue的简单性。

既然您试图学习Vue，我建议您研究如何使用Vues自己的工具集实现所需的功能，而不是使用本机JS事件处理程序、文档选择等

您可以使用

v-on:

指令（简称

@

）为大多数常见事件轻松添加事件侦听器：

在您的

myClickHandler

方法中：

methods: {
  myClickHandler() {
    let panel = this.$refs.myPanel
    ... do stuff ....
  }
}

这将是解决您的问题的“Vue方式”——一旦您习惯了它，与本机JS dom选择、eventlisteners等相比，这将是非常棒和简单的

---

我建议您更多地研究如何通过Vue工具实现这一点，而不是试图强制使用本机JS并放弃Vue的所有简单性。

您可以在Vue组件的脚本标记中添加常规javascript。它的执行方式与普通app.js文件的执行方式相同

您可以将常规javascript放入Vue组件的脚本标记中。它的执行方式与普通app.js文件的执行方式相同

为什么不是本地手风琴？您应该将EventListeners等代码放在挂载中，但请注意，您可以这样做的大部分工作已经在您可以使用的nativ vue组件中完成了，例如accordion为什么不是native accordion？您应该将EventListeners等代码放在挂载中，但请注意，您可以这样做的大部分工作已经在您可以使用的nativ vue组件中完成，例如accordion

methods: {
  myClickHandler() {
    let panel = this.$refs.myPanel
    ... do stuff ....
  }
}