Как я могу добавить файл тегов JavaScript в Vue

Question

Я новичок в Vue, но я пытаюсь импортировать тег сценария JS в Vue, но он не работает, пожалуйста, помогите мне и спасибо за ответ ...............

<template>
  <div>
    <div>
      <div class="bg">
      <div class="overlay-bg"></div>
      <div class="project-img project-6"></div>
    </div>

    <div class="overlay-swipe">
      <div class="over-1"></div>
      <div class="over-2"></div>
      <div class="over-3"></div>
      <div class="over-4"></div>
      <div class="over-5"></div>

      <div class="over-1-border"></div>
      <div class="over-2-border"></div>
      <div class="over-3-border"></div>
      <div class="over-4-border"></div>
    </div>
   </div>
</template>

<script src="assets/homepage/js/plugin.js"></script>
<script src="assets/homepage/js/fullsreen-showcase.js"></script>
<script src="assets/homepage/js/main.js"></script>

<style lang="scss">
  @import "../assets/homepage/awsome/font-awesome-5/css/fontawesome-all.min.css";
  @import "../assets/homepage/css/main.css";
</style>

Answer 1

Ну, вы можете сделать одно из следующих действий:

<template>
  <div>
    <!-- the template -->
  </div>
</template>

<script>
  import "assets/homepage/js/plugin.js";
  import "assets/homepage/js/fullsreen-showcase.js";
  import "assets/homepage/js/main.js";

  // Or if those files are modules
  // import Something from "assets/homepage/js/plugin.js";
  // ...

  export default {
    // ...
  }
</script>

Или:

<template>
  <div>
    <!-- the template -->
  </div>
</template>

<script src="assets/homepage/js/main.js"></script>

main.js

Импортировать остальные файлы JS, считая main.js точкой входа.

import "assets/homepage/js/plugin.js";
import "assets/homepage/js/fullsreen-showcase.js";

export default {
  // ...
}