Size: a a a

Vue.js Russian Developers Community

2020 September 07

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Qwerty
Сингл файл компонент можно использовать вне спа?
что имеете в виду под «вне спа»?
источник

Q

Qwerty in Vue.js Russian Developers Community
Легаси сайт, просто создать в скрипте инстанс вью и оттуда использовать
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Qwerty
Легаси сайт, просто создать в скрипте инстанс вью и оттуда использовать
вам нужен Webpack или аналог, чтобы преобразовать sfc в пригодный для браузера код
и далее можете делать что хотите
источник

Q

Qwerty in Vue.js Russian Developers Community
Vue-cli build достаточно для этого?
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Либо переделать SFC с обычный JS
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Qwerty
Vue-cli build достаточно для этого?
достаточно
источник

Q

Qwerty in Vue.js Russian Developers Community
Я посмотрел, писать .Vue файлы намного удобнее
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Qwerty
Я посмотрел, писать .Vue файлы намного удобнее
Если надо один компонент только в легаси проект перенести один раз, то может быть проще его в js перегнать.

Лучше, конечно собрать
источник

SS

Stan Smith in Vue.js Russian Developers Community
привет!
нужно закрепить дату (как в тг) при прокрутке сообщений и менять ее в зависимости от даты сообщения
я так понимаю через observer

может кто подобное делал, или есть что-то готовое?
буду признателен
источник

Q

Qwerty in Vue.js Russian Developers Community
Рафаил Мамедов
достаточно
Благодарю! То есть потом из дист подтягивать скрипт на страницу и всё?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Qwerty
Благодарю! То есть потом из дист подтягивать скрипт на страницу и всё?
да, главное обеспечить этому скрипту точку монтирования <div id=‘app></div> обычно
источник

Q

Qwerty in Vue.js Russian Developers Community
Grigorii K. Shartsev
Если надо один компонент только в легаси проект перенести один раз, то может быть проще его в js перегнать.

Лучше, конечно собрать
Потом это на новом спа сайте будет юзатться
источник

GS

Grigorii K. Shartsev in Vue.js Russian Developers Community
Qwerty
Благодарю! То есть потом из дист подтягивать скрипт на страницу и всё?
источник

V

Vite4eg in Vue.js Russian Developers Community
Stan Smith
привет!
нужно закрепить дату (как в тг) при прокрутке сообщений и менять ее в зависимости от даты сообщения
я так понимаю через observer

может кто подобное делал, или есть что-то готовое?
буду признателен
Можешь глянуть css свойство position: sticky
источник

SS

Stan Smith in Vue.js Russian Developers Community
Vite4eg
Можешь глянуть css свойство position: sticky
вопрос не про css) но спасибо за ответ
источник

Q

Qwerty in Vue.js Russian Developers Community
Рафаил Мамедов
да, главное обеспечить этому скрипту точку монтирования <div id=‘app></div> обычно
Там приложение будет прописано и смонтировано по месту, но есть желание, чтобы оно было композицией sfc.
источник

Q

Qwerty in Vue.js Russian Developers Community
Ну да это я и имел ввиду
источник

Q

Qwerty in Vue.js Russian Developers Community
Qwerty
Там приложение будет прописано и смонтировано по месту, но есть желание, чтобы оно было композицией sfc.
То есть приложение будет просто в js файле без сборщиков
источник

Q

Qwerty in Vue.js Russian Developers Community
Qwerty
То есть приложение будет просто в js файле без сборщиков
А компоненты каждый из sfc собираться. Если я правильно терминами владею.
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Stan Smith
привет!
нужно закрепить дату (как в тг) при прокрутке сообщений и менять ее в зависимости от даты сообщения
я так понимаю через observer

может кто подобное делал, или есть что-то готовое?
буду признателен
это 2 задачи
1) как удержать элемент в позиции сверху, это как вам сказали можно сделать при помощи sticky postiion решений
2) определить дату сообщений, которые видно в текущем вьюпорте, это либо в лоб через Intersection Observer API, либо каки-либо другим способом понимать какой элемент сейчас виден, например по положению скролла
источник