Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Использование обьекта в {{}} vue (https://javascript.ru/forum/misc/83118-ispolzovanie-obekta-v-%7B%7B%7D%7D-vue.html)

eternalNewbie 20.09.2021 11:59

Использование обьекта в {{}} vue
 
Здравствуйте, у меня есть
let LiteStringParser = {
  parseLineBreak(str) {
    return str;
  },
  parseColor(str) {
    return str;
  },
};

Но я хочу его использовать внутри Vue к примеру так
<div class="textmessage">
          {{
            LiteStringPaser.parseColor(
              LiteStringPaser.parseLineBreak(myTextAlert)
            )
          }}
        </div>

Но куда и как мне поместить опредиление LiteStrtingParser, тоесть в
data() {
    return {
      LiteStringParser: {
        parseLineBreak(str) {
          return str;
        },
        parseColor(str) {
          return str;
        },
      },
    };
  },
- не работает, methods тоже, за пределами Vue - не смогу использовать в {{}}....
в Vue 3 получилось так
setup() {
    const LiteStringParser = {
      parseLineBreak(str) {
        return str;
      },
      parseColor(str) {
        return str;
      },
    };
    return { LiteStringParser };
  },
- но как в Vue 2

Aetae 20.09.2021 12:27

eternalNewbie, всё прекрасно работает, просто у тебя опечатка: LiteStringParser.

Однако по возможности стоит избегать использования вызовов каких-либо методов и функций в шаблоне. Если надо показать что-то вычисляемое - лучше использовать computed свойство, которое закэширует результат.


Часовой пояс GMT +3, время: 14:17.