Как импортировать API / Script. js и использовать его переменные в проекте VUE

Question

Я тестирую API, который помогает мне с проектом, над которым я работаю, и можно установить ваш NPM, его имя - « parallax- js», поэтому я искал, как импортировать, однако у меня не было никаких результатов в моем исследовании, и я не могу понять, как я импортирую внешний скрипт в VUE.

Вот как я пытаюсь поставить мой проект вместе в VUE.

APP VUE

<template>
  <div id="app">

    <img alt="Vue logo" src="./assets/logo.png" data-depth="0.2">
    <HelloWorld msg="Welcome to Your Vue.js App" data-depth="0.2"/>
  
    {{alpha()}}

  </div>

  
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
import '../node_modules/parallax-js/src/parallax.js'

export default {
  name: 'App',
  components: {
    HelloWorld
  },
  methods : {

    alpha(){

      let scene = document.getElementById('app');
      let parallaxInstance = new Parallax(scene);

    }

  }
}

</script>

Дело в том ... Я хочу знать, как узнать, как лучше всего импортировать внешний скрипт ... и как я использую переменные и объекты внутри этого скрипта.

Answer 1

Как я уже сказал в разделе комментариев, вы должны были импортировать его и, наконец, вызвать свой метод, когда vue смонтирован.

<template>
  <div id="app">
  <img alt="Vue logo" src="./assets/logo.png" data-depth="0.2" />
  <HelloWorld msg="Welcome to Your Vue.js App" data-depth="0.2" />
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";
import Parallax from "parallax-js";

export default {
name: "App",
components: {
HelloWorld,
},
methods: {
alpha() {
  let scene = document.getElementById("app");
  let parallaxInstance = new Parallax(scene);
 },
},
 mounted() {
 this.alpha();
 },
};
</script>

Answer 2

{{alpha()}} это не то, как вы вызываете метод. Обычно это делается в смонтированном хуке:

mounted() {
  this.alpha()
}

Также кажется, что вы можете захотеть изучить основы VueJS, а это не то место. Вы можете начать с документации VueJS, представленной на их веб-сайте (https://vuejs.org/v2/guide/)