Как подключить в проект vue отдельный файл .js?

Question

[ddnoob]

Объясните пожалуйста как подключить в проект vue отдельный файл .js?
Установил vue и vue-router через npm
Есть файл green.js
В каком файле и что прописать для того чтобы проект его принял?

Пробовал в index.html добавить

<script v-if="green" async defer src="./src/assets/js/green.js"></script>

а в файле App.vue

export default {
name: 'App',
green: true
}

Но ничего не работает((
Пожалуйста объясните

Comments

[Михаил]

Какой смысл в отдельном js который так загружается?

[ddnoob]

Михаил, нет в нем смысла, когда он так загружается - не работает.

Answer 1

[Виктор Л]

не?
import './src/assets/js/green.js'

Comments

[ddnoob]

Пробовал в main.js добавить
import './src/assets/js/green.js'
все исчезло/пустая страничка стала.
В отладчике хрома вот такое:

Uncaught ReferenceError: $ is not defined
at eval (green.js?8ac0:1)
at Object../src/assets/js/green.js (app.js:1302)
at __webpack_require__ (app.js:679)
at fn (app.js:89)
at eval (main.js?1c90:1)
at Object../src/main.js (app.js:1334)
at __webpack_require__ (app.js:679)
at fn (app.js:89)
at Object.0 (app.js:1351)
at __webpack_require__ (app.js:679)

[ddnoob]

Хотя css так подключил и все работает, а js нет.

[Виктор Л]

jquery наверное хочет

[ddnoob]

подключил jquery - ошибка ушла.
Но import './src/assets/js/green.js' не работает

[Виктор Л]

green.js это плагин jquery? или что он делает то

[ddnoob]

Там свой код js
Ну даже к примеру если захочу скачать и подключить bootstrap, не подключая путём https ...
Понимаю что это изврат, но все же как?

[ddnoob]

может более подробные данные скинуть? Просто не знаю что необходимо еще предоставить

[Михаил]

ddnoob,

Но import './src/assets/js/green.js' не работает

Не работает это как? Конкретнее

[ddnoob]

Все заработало!
Это моя ошибка была в файле green.js.

Подключил jquery.
Подправил код и все ок стало))
Вы все правильно написали.

Спасибо вам за помощь!!!