vue chat scroll

Установка

Использование менеджера пакетов (рекомендуется)

Рекомендуемый способ установки vue-chat-scroll — использовать пакет npm с менеджером пакетов npm (или Yarn):

npm i vue-chat-scroll@alpha

После установки пакета необходимо использовать плагин vue-chat-scroll :

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

Использование тега сценария

Если вы работаете над доказательством концепции или скриптом, может быть проще использовать тег сценария. Мы рекомендуем использовать CDN, например unpkg или jsdelvr.

 < script src =" https://unpkg.com/vue-chat-scroll@alpha/dist/vue-chat-scroll.js " > </ script >

vue-chat-scroll попытается автоматически зарегистрироваться в Vue. Это должно работать, пока определено window.Vue .

Использование

Мы стремимся сделать использование vue-chat-scroll максимально простым. Простое использование директивы v-chat-scroll должно помочь в большинстве случаев использования.

 < div v-chat-scroll >
  ...
</ div >

Вы также можете настроить директиву, передав объект. Например, флаг конфигурации enable :

 < div v-chat-scroll =" { enable: false } " >
  ...
</ div >

Пожалуйста, обратитесь к интерфейсу Config и объекту defaultConfig в config.ts, чтобы узнать больше о том, что можно настроить, а также о значениях конфигурации по умолчанию.

Примеры

? Потерпите, все это в стадии разработки. Мы добавим несколько примеров того, как этот плагин можно использовать для создания полнофункционального чата (например, Slack) или даже консольного просмотра журналов.