Vue 2: Usando o componente FullCalendar

Segue aqui uma ótima recomendação de componente para quem precisa de um  calendário tamanho large, eu trabalho com Vue junto com o Laravel, e esse rápido tutorial mostra como instalar o FullCalendar para quem usa o LaravelMix.

Link para componente:
https://github.com/CroudSupport/vue-fullcalendar

Instalando Componente:

npm install --save vue-full-calendar

Importando:

import { FullCalendar } from 'vue-full-calendar'
export default {
  components: {
    FullCalendar,
  },
}

Pode ser que aconteça um error referente ao babel present stage 2, se isso acontecer faça a instalar dele usando o comando:

npm install --save-dev babel-preset-stage-2

Agora é só usar a sua diretiva:

<full-calendar></full-calendar>

 

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *