Learn Vue.js (RU): Internationalization with vue-i18n

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024
  • В этом видео мы узнаем, как сделать интернационализацию (Internationalization) на Vue.js, используя плагин vue-i18n
    You liked this video and you'd like to support our channel? Please, don't hesitate too long:
    www.paypal.com...
    Please vote here to help me with topics selection:
    doodle.com/poll...

Комментарии • 49

  • @advisorone5347
    @advisorone5347 5 лет назад +1

    Максим, мысли прям читаешь! Очень актуальная проблема была. Спасибо огромное!

  • @kalyszhek5296
    @kalyszhek5296 3 года назад +3

    как раз то, что искал.. спасибо!!
    А как сохранить в localStorage чтобы при перезагрузке страницы сохранял текущий язык.??

  • @genesisrivera5370
    @genesisrivera5370 5 лет назад +1

    Thanks for the great video!.

  • @teamitsystem2114
    @teamitsystem2114 3 года назад

    а если я хочу сделать select, то в этом случае куда писать функцию setLocal?

  • @Wraith2401
    @Wraith2401 5 лет назад +1

    Хороший контент делаете, Максим, но данный урок очень-очень базовый. для более серьезных проектов все равно приходится штудировать документацию.....

  • @RajaSekhar-te5nz
    @RajaSekhar-te5nz Год назад

    How to use multiple files per language in vue3 i18n?

  • @pingodev2896
    @pingodev2896 5 лет назад +2

    Макс, когда будет разбор SSR ?

  • @JohnDoe-p1y
    @JohnDoe-p1y 3 года назад

    Объясните, зачем хранить в JSON если можно оставить JS. Ведь мы эти файлы вряд ли будем слать куда либо или сохранить в сторэдж. Может есть какая то причина?

  • @bulent2435
    @bulent2435 4 года назад

    It's a great tutorial, thanks.

  • @mrrobot7387
    @mrrobot7387 2 года назад

    а код где-то есть?

  • @AlexandruFloreaOfficial
    @AlexandruFloreaOfficial 5 лет назад

    Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level.
    setLocale (locale) {
    import(`./langs/${locale}.json`).then((msgs) => {
    ... ... ...
    Только у меня?

    • @romanf2511
      @romanf2511 4 года назад

      точку добавь в пути чтобы import(`../languages/${locale}.json`).then((msgs) => {

  • @artsbrand
    @artsbrand 5 лет назад

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

    • @LearnProgrammingTogether
      @LearnProgrammingTogether  5 лет назад

      но ведь именно это я и показывал в видео

    • @artsbrand
      @artsbrand 5 лет назад

      @@LearnProgrammingTogether Спасибо за видосик, ну видимо из-за моего недостаточного опыта в vuejs, я не понял, просто у меня с моим опытом сформировалось понимание того что ключи должны находиться только в пропертях, а ты тут показывал через джейсон. хотел бы еще узнать: хорошая ли практика, работать с переводами через джесон или это ознакомительное видео типа "а вот что мы еще можем"?

  • @prsion1925
    @prsion1925 5 лет назад

    За американский флаг - лайк)

    • @DenisB-d5f
      @DenisB-d5f 5 лет назад

      Не выкупил прекола. Почему за это лайк?

    • @prsion1925
      @prsion1925 5 лет назад

      @@DenisB-d5f просто очень уважаю Американский флаг)

    • @metalcorewitchkhousovitch5774
      @metalcorewitchkhousovitch5774 4 года назад

      @@prsion1925 уважать флаг...

  • @advisorone5347
    @advisorone5347 5 лет назад +6

    Было бы здорово увидеть реализацию с применением роутера, и добавлении в маршрут .../en/... и других языков

    • @Wraith2401
      @Wraith2401 5 лет назад

      в официальной документации написано как это делать)

    • @iomelyuhin
      @iomelyuhin 4 года назад

      @@Wraith2401 можно пожалуйста ссылку, никак не могу найти там. Заранее благодарен

  • @mathiasbaer
    @mathiasbaer 5 лет назад +1

    Я использую i18n на vue.js / vuetify для перевода и i18n переводит все элементы кроме элементов внутри . Вот пример: . Если нажмете на ссылки, то текст на панели инструментов будет переведен, но тот же текст в ящике не будет переведен.
    Я думаю, это как-то связано с Vues lifecycle hook, но я не знаю. Ты можешь мне помочь?

  • @БехрузАбдувалиев-н5и
    @БехрузАбдувалиев-н5и 4 года назад +1

    почему у меня выдается ошибка и все ищезает из браузера vm.$t is not a function .....

  • @АсадбекНазаров-р6й
    @АсадбекНазаров-р6й 3 года назад +1

    Всё работает!
    Всё понятно!
    А значит всё круто!
    "No comment"Спасибо!

  • @stsbmu7169
    @stsbmu7169 5 лет назад +1

    Когда установил i18n автоматически создался файл i18n.js в главной папке

  • @sevi43
    @sevi43 5 лет назад +1

    Прошу простить мне мою неотесанность но как работает функция import, в методе setLocale?

  • @seppeclijsters6433
    @seppeclijsters6433 5 лет назад +1

    Very useful tutorial thanks! Is it possible to translate the URL path aswell?

  • @Kevintj
    @Kevintj 5 лет назад +1

    very useful even if I don't speak russian!

  • @Endersontutoriales
    @Endersontutoriales 4 года назад +1

    Excelente vídeo, gracias.

  • @Woka972
    @Woka972 5 лет назад +2

    Big thanks from France even if I don't speak russian I understand

  • @karombekhusanov7603
    @karombekhusanov7603 3 года назад

    thanks a lot, bro

  • @Viktorres1
    @Viktorres1 2 года назад

    Спасибо большое за крутой урок на очень крутую тему. Удалось пройти весь путь, но оказалось что сейчас 5.11.21 place уже deprecated. Сие творение теперь поможет при создании лендингов!

  • @lerne-du
    @lerne-du 4 года назад +1

    Савсибо!

  • @heyyy4987
    @heyyy4987 5 лет назад +1

    Amazing.. Tnks

  • @NEviL_owL
    @NEviL_owL 5 лет назад

    Максим, при использовании этой библиотеки, столкнулся с такой проблемой - у меня как раз два больших json файла с переводами и когда приложение загружается, то видны объекты переводов, что не круто, как решить такую проблему ?

  • @kirillbaryba746
    @kirillbaryba746 5 лет назад +1

    Спасибо Макс, зашла тема

  • @romanf2511
    @romanf2511 4 года назад

    Отличный урок - но было бы вообще супер, если сделать отображение флагов динамически, чтобы подменяли друг друга в зависимости от выбранного языка

  • @TaicyHuang
    @TaicyHuang 3 года назад

    Thanks for this video, its very useful

  • @Наталя-ж8р
    @Наталя-ж8р 5 лет назад

    Добрый день! Подскажите, пожалуйста, какой extension используется когда Вы при импорте модуля указываете путь к нему, а редакор предлагает Вам на выбор директории?

    • @eduardocastillo267
      @eduardocastillo267 5 лет назад

      Path Intellisense, Npm Intellisense, greatings from Mexico :v

  • @user-le8rd4dc1h-23
    @user-le8rd4dc1h-23 4 года назад

    Гуд спасибо

  • @ВиталийИгнатенко-м1я

    помогло спс

  • @AlexA-cd7lz
    @AlexA-cd7lz 5 лет назад +2

    Ну кто кавычки по одной заменяет? Спасибо за видео, как раз то, что надо. Но кавычки....