Deprecated: Function create_function() is deprecated in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/plugins/wp-automatic/wp-automatic.php on line 70
5 – Componente VUEjs con Bootstrap 4 en Laravel | Rimorsoft Online | D4mations.com
  • Wednesday , 27 January 2021

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

Code Canyon
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

3d Ocean

Related Posts

15 Comments

  1. Luis Hurtado
    January 12, 2021 at 23:10

    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

  2. Luis Hurtado
    January 12, 2021 at 23:10

    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!

  3. Leidi Garcia
    January 12, 2021 at 23:10

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

  4. Sebastian B.
    January 12, 2021 at 23:10

    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?

  5. Swankeh
    January 12, 2021 at 23:10

    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

  6. Edwin Calcina Barrionuevo
    January 12, 2021 at 23:10

    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);

  7. JoseLuis Unix
    January 12, 2021 at 23:10

    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.

  8. Cleibert Mora
    January 12, 2021 at 23:10

    No puedo correr el comando "npm run dev" me da error, reviso todo pero esta todo correcto como en el video. Alguien más con este inconveniente?? te dejo un print de pantalla profe a ver si me ayudas con algo https://photos.app.goo.gl/HYBMvY884gEs199B8

  9. Ricardo Avila
    January 12, 2021 at 23:10

    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.

  10. Erickson Suero
    January 12, 2021 at 23:10

    Muchas gracias

  11. Asdrúbal José González González
    January 12, 2021 at 23:10

    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.

  12. Arturo Martinez Arias
    January 12, 2021 at 23:10

    Gracias.

  13. WG INSPIRE
    January 12, 2021 at 23:10

    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.

  14. J M
    January 12, 2021 at 23:10

    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

  15. Fredy Alarcon Ordoñez
    January 12, 2021 at 23:10

    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 Comment

You must be logged in to post a comment.