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 responses to “5 – Componente VUEjs con Bootstrap 4 en Laravel | Rimorsoft Online”
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
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!
Hola, excelentes aportes, yo utilizo "npm run watch" en lugar de de "npm run dev" para no actualizar en la consola con cada cambio
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?
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
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);
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.
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
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.
Muchas gracias
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.
Gracias.
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.
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
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