5 – Componente VUEjs con Bootstrap 4 en Laravel | Rimorsoft Online


https://i.ytimg.com/vi/ImyXCSfPpM0/hqdefault.jpg



▶ Suscríbete http://goo.gl/O04e0 | @rimorsoft

Aprendamos en este video cómo crear un componente propio usando vuejs, laravel y bootstrap. Verás lo fácil que es y estoy seguro de que al ver este video aprenderás muchísimo.

Sígueme en las redes sociales.

Archivos fuentes de ejemplo: https://github.com/rimorsoft/Laravel-VUEjs-y-Bootstrap

————————————————————————————————-

// CONSIGUE AYUDA EN RIMORSOFT //

Chat SLACK: http://rimorsoft.slack.com
Página Web: http://www.rimorsoft.com
Instagram: http://instagram.com/rimorsoft
Twitter: https://twitter.com/rimorsoft
Facebook: https://www.facebook.com/rimorsoft
Github: https://github.com/rimorsoft

// CONECTA CONMIGO //
Formador: Italo Morales, @ItaloMoralesF.

Instagram: http://instagram.com/italomoralesf
Twitter: https://twitter.com/italomoralesf
Github: https://github.com/italomoralesf
Facebook: https://www.facebook.com/ItaloMoralesFOficial

▶ Suscríbete http://goo.gl/O04e0 | @rimorsoft

Si te ha gustado el vídeo dale LIKE, comenta debajo y compártelo en tus redes sociales. Así nos ayudas a ayudar aún mas personas… Avanza más rápido en este mundo profesional leyendo los post que tenemos en http://www.rimorsoft.com

Que sigas estando bien

Original source

15 thoughts on “5 – Componente VUEjs con Bootstrap 4 en Laravel | Rimorsoft Online

  • January 12, 2021 at 23:10
    Permalink

    Para los que estén siguiendo el curso usando Laravel 6 —> El Scaffolding de CSS y JS fue eliminado al proyecto por defecto y deben añadirlo manual, de la siguiente forma, primero usan el comando: composer require laravel/ui, luego los comandos: php artisan ui vue
    ó php artisan ui react, segun sea el caso, php artisan ui bootstrap, tambien: php artisan ui vue –auth
    ó php artisan ui react –auth, segun sea el caso, luego usan el comando: npm install y por ultimo: npm run dev, ya con eso se les generan las carpetas de CSS y JS en el directorio "public" (deben tener corriendo su servidor ya sea xampp y wampp) -> Todo esta en la documentacion oficial de Laravel

  • January 12, 2021 at 23:10
    Permalink

    Si no te aparecen las carpetas de CSS y JS por defecto debes generarlas, se le llama JavaScript & CSS Scaffolding, las generas usando el comando npm run dev, esto luego de haber instalado las dependencias necesarias como npm, bootstrap, vue que indica Rimorsoft.

    Saludos!

  • January 12, 2021 at 23:10
    Permalink

    Hola, excelentes aportes, yo utilizo "npm run watch" en lugar de de "npm run dev" para no actualizar en la consola con cada cambio

  • January 12, 2021 at 23:10
    Permalink

    Tengo una duda, ya que se crea un componente dentro de body que es el contenedor con el id app, entonces si quisiera crear otro contenedor con el id app2, entonces me voy al archivo app.js y creo otro "metodo no se como se llama" el
    const app2 = new Vuew({
    el: "#app2"
    })

    o solo se tiene que usar un contnedor para el proyecto?

  • January 12, 2021 at 23:10
    Permalink

    Gracias por tus vídeos, lastima que hace mucho no subes más has de andar ocupado, pero has enseñado bastante y se agradece por el tiempo que te tomas :), estuve estudiando vuejs y pienso implementar un proyecto con Laravel y vuejs utilizando vuetify

  • January 12, 2021 at 23:10
    Permalink

    Hola he creado un proyecto con larael 5.7 pero la forma no entiendo para que sirve default ya que si no lo escribo me da error
    Vue.component('example-component', require('./components/ExampleComponent.vue').default);

  • January 12, 2021 at 23:10
    Permalink

    Hola Rimorsoft, queria preguntar si puede agregar componentes de login y register con vue en este spa usando las api, y algun tip para hacerlo, gracias.

  • January 12, 2021 at 23:10
    Permalink

    No sé si a los demás les pasó, pero a mi me salto un error que dice "Failed to mount component: template or render function not defined." se me hizo raro ya que ya había trabajado de esta manera anteriormente con vue y con laravel, sin embargo no con las versiones más recientes.

    Lo solucione colocando " require('./components/Posts.vue').default ", solamente colocando el .default se arreglo el problema.

    ¿Por qué carajos pasa eso? Eso si que no lo sé, aun no me documento muy bien con las nuevas v de los dos frameworks.

    Saludos y buena vibra desarrolladores.

  • January 12, 2021 at 23:10
    Permalink

    Excelente aporte ya que permite ver hacia donde va la tecnología en relación a la creación de pequeños super-componentes que forman parte de un todo. De hecho es crear nuestros componentes que podrán ser intercambiados en una comunidad a futuro.

  • January 12, 2021 at 23:10
    Permalink

    Estimado italo estoy muy agradecido pos sus grandes aportes que en verdad me esta ayudando mucho, estuve siguiendo sus vídeos anteriores de roles y permisos con shinobi y todo genial, mis dudas están cuando aplico shinobi con vue, ya que si quiero ocultar un botón que está dentro de un componente vue pues he aqui el inconveniente, espero me pueda ayudar con algunas sugerencias y como siempre muy agradecido. saludos.

  • January 12, 2021 at 23:10
    Permalink

    Prof italo tengo una consulta ando pensando en crear una red social en vuejs y laravel q tan aconsejable es hacer la red a base de componentes solamente

  • January 12, 2021 at 23:10
    Permalink

    Ola italo, exelente video… Quería preguntarte si das acesoramiento, en proyectos, si encaso los des quisiera de tus servicios, soy un estudiante y estoy en desarrollo de un sistema de reservas y necesito acesoramiento, saludos y gracias

Leave a Reply