Как получить доступ к переменной, объявленной в скрипте setup, из скрипта?

Question

Naomi

nuxtjs

Как получить доступ к переменной, объявленной в скрипте setup, из скрипта?

Как обратиться к глобальной переменной, объявленной в секции "script setup" из метода, который определен в секции "methods" объекта компонента во Vue.js? Переменные, объявленные через "defineProps", не могут быть использованы для этой цели.

4 марта 2024 г. 7:28

Ответы на вопрос 1

Похожие вопросы

Answer 1

Для доступа к переменной, объявленной в скрипте setup из скрипта, можно воспользоваться реактивными переменными Vue, такими как ref или reactive. 

Например, если у вас есть переменная, объявленная в секции setup:

```js
<script setup>
  const myVar = ref('Hello World');
</script>
```

Вы можете обратиться к этой переменной в методе компонента, определенном в секции methods:

```js
<script>
export default {
  methods: {
    accessMyVar() {
      console.log(myVar.value); // Выведет 'Hello World'
    }
  }
}
</script>
```

Таким образом, используя ref, вы можете получить доступ к переменной, объявленной в секции setup, из метода объекта компонента в Vue.js.