Hvordan importerer man en vanlig JS fil og bruker den i Vue?

[Eludium]

Litt OT, men i Vue hvordan importerer man en vanlig JS fil og bruker den?

I vanilla js/html ville jeg kjørt

<script type="text/javascript" src="https://side.com/jsfilmedClientfunksjon.js"></script>

 

var etNavn= Client.init();

 

async function navn(){

const info = await etNavn.get('etellerannet')

console.log(info)

}

Mitt inntrykk er at Vue er kjekt til Vue ting, men får det ikke til å funke så bra med annen js kode.

Og for at dette ikke skal bli slettet ligger lønnen min mellom 500k-600k

[Drunkenvalley]

const webpack = require('webpack');

eller

import { mapState } from 'vuex';

Så kan du bruke den liberalt i Vue komponenten med å legge den til i data...

const i18n = require('vue-i18n');

export default {
    name: 'ComponentName',
    data: () => ({
        i18n
    })
};

Skjønt du treng ikkje om den berre skal brukes i scriptet. Men om du ynskje bruke det i templaten må den vera i data det eg har funnet. 🤷‍♂️

EDIT:

Sist, men ikkje minst, så kan du også inkludere det i index.html fila slik du sjølv henviste til. I prosjektet eg jobbe med er det i banen av...

<link rel="preload" href="abc.js" as="script" />

 

Endret 17. november 2020 av Drunkenvalley

[Eludium]

Drunkenvalley skrev (På 17.11.2020 den 21.10):

const webpack = require('webpack');

eller

import { mapState } from 'vuex';

Så kan du bruke den liberalt i Vue komponenten med å legge den til i data...

const i18n = require('vue-i18n');

export default {
    name: 'ComponentName',
    data: () => ({
        i18n
    })
};

Skjønt du treng ikkje om den berre skal brukes i scriptet. Men om du ynskje bruke det i templaten må den vera i data det eg har funnet. 🤷‍♂️

EDIT:

Sist, men ikkje minst, så kan du også inkludere det i index.html fila slik du sjølv henviste til. I prosjektet eg jobbe med er det i banen av...

<link rel="preload" href="abc.js" as="script" />

 

Tusen takk for svar! Men hvordan kan jeg få dette til å fungere i Vue? Fra A-Å Jeg er nybegynner

 

<script type="text/javascript" src="https://side.com/jsfilmedClientfunksjon.js"></script>

 

var etNavn= Client.init();

 

async function navn(){

const info = await etNavn.get('etellerannet')

console.log(info)

}

Altså hvordan får man console.loget outputten av en metode som man har lagd selv i en ekstern vanilla js fil som enten ligger på et filområde på harddisken eller på internett