Vue.js ref -переменная не определена в шаблоне, даже если данные находятся внутри ⇐ Javascript

[Anonymous]

У меня есть массив рефлексии внутри моего компонента Vue:

Код: Выделить всё

const sequence = ref([]);< /code>,
, где я храню эмодзи и индекс (порядок), выглядит следующим образом: < /p>

[
{
"emoji": "😍",
"order": 1
},
{
"emoji": "😂",
"order": 2
}
]
< /code>
Когда я отлаживаю последовательность ref < /code> внутри скрипта, как это:
console.log(sequence.value);

Данные доступны (например, выше):
Но когда я хочу получить вывод ссылки внутри шаблона, как это: < Br />

Код: Выделить всё

{{ emoji }}

{{ console.log('Emoji:', emoji, 'Sequence:', sequence.value) }}

Я получаю неопределенную :
Emoji: Sequence: undefined
Emoji: Sequence: undefined
Emoji: Sequence: undefined
Emoji: Sequence: undefined
< /code>
Почему ссылка не работает?>

Подробнее здесь: https://stackoverflow.com/questions/794 ... -is-inside