¿Te imaginas los Componentes de Bootstrap hechos con vue.js?, Ya es posible, gracias al nuevo framework Iview.js
iView es un conjunto de componentes de interfaz de usuario y widgets creados en Vue.js.
El marco de la interfaz de usuario está llegando a 10 estrellas en Github y lanzó la versión 2.4 hace unos días con actualizaciones y correcciones. El equipo también ha agregado demostraciones instantáneas jsFiddle para todos los componentes. Cuando está viendo un componente, puede abrirlo en jsFiddle para revisar y editar el código.
iView es un conjunto de soluciones de front-end desarrolladas por TalkingData para negocios intermedios y de back-end, que incluyen ingeniería, personalización de temas, multi-idioma y otras funciones, mejorando enormemente la eficiencia del desarrollo.
iView proporciona componentes divididos en categorías:
- Basic
- Forms
- View
- Navigation
- Charts and other.
Antes de usar iView, debe estar familiarizado con Vue por supuesto y con los componentes de un solo archivo . Entonces debe comprender los siguientes conceptos de Vue:
props
Transferir datosslot
Distribución de contenidoevents
$emit
@click
Evento
guía rápida (laravel-mix)
Instalar Iview.js
Crear Archivo .vue (Esto alojara el componente)
en ese archivo iview.vue pegaremos el código del componente a utilizar (un archivo por cada componente)
Requerir componente en archivo app.js
1 |
Vue.component("Iview", require('./components/Iview.vue')); |
Mostrar componente en vista
1 |
<Iview></Iview> |
Esto es solo un abre bocas, por ello surgen preguntas respecto a este nuevo framework
¿Como se utiliza?¿Como Personalizarlo?
¿Como instalarlo en laravel y utilizarlo mediante laravel mix?
¿Como utilizar cada uno de los componentes iview mediante Vue,js?
Todo esto se mostrara en los siguientes post, síguenos en Facebook, y conoce al instante nuestros nuevos contenidos respecto a este nuevo framework
Hosting Colombia barato: crear página web – hosting y dominios gratis
El mejor hosting Colombia en 2017, hosting barato con dominios gratis. crear página web sin complicaciones con un hosting Colombia
Link: co.hostg.co/17679