时间戳

首页 > 解决方案 > 如何将 javascript 标签文件添加到 Vue

vue.js - 如何将 javascript 标签文件添加到 Vue

问题描述

我是 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>

标签： vue.jsvuejs2vue-component

解决方案

好吧，您可以执行以下任一操作：

<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 {
  // ...
}

推荐阅读