Как обратиться к своим js функциям в nuxt?

В Nuxt.js вы можете обратиться к своим простым JavaScript-функциям несколькими способами в зависимости от того, где они находятся в вашем проекте.

1. В файлах компонентов: Если ваши функции находятся в файлах компонентов Vue, вы можете просто написать их внутри блока методов компонента. Например, если у вас есть компонент "MyComponent.vue":

<template>
  <div>
    <button @click="myFunction">Нажмите меня</button>
  </div>
</template>

<script>
export default {
  methods: {
    myFunction() {
      console.log("Вы нажали кнопку!");
    }
  }
}
</script>

2. В файлах страниц: Если ваши функции находятся в файлах страниц Nuxt.js, вы можете их объявить внутри экспорта страницы. Например, если у вас есть страница "myPage.vue":

<template>
  <div>
    <button @click="myFunction">Нажмите меня</button>
  </div>
</template>

<script>
export default {
  methods: {
    myFunction() {
      console.log("Вы нажали кнопку!");
    }
  }
}
</script>

3. В файле /plugins: Если ваши функции находятся в файле /plugins вашего Nuxt.js проекта, вы можете создать глобальные функции, которые будут доступны во всех компонентах и страницах. Создайте файл с расширением .js в папке /plugins и объявите ваши функции в глобальном объекте Vue:

// plugins/myFunctions.js
export default ({ app }, inject) => {
  inject('myFunction', () => {
    console.log('Вы вызвали глобальную функцию');
  });
};

В файле nuxt.config.js, добавьте ваш плагин:

// nuxt.config.js
export default {
  plugins: [
    '~/plugins/myFunctions.js'
  ]
};

Теперь вы можете обратиться к вашей функции в любом компоненте или странице:

// Любой компонент или страница
export default {
  mounted() {
    this.$myFunction(); // Вызов глобальной функции
  }
};

Таким образом, в Nuxt.js вы можете обратиться к своим JavaScript-функциям во многих местах вашего проекта, в зависимости от того, где они находятся. Надеюсь, эта информация была полезной для вас!