Con PHP tenemos la ventaja de que podemos separar nuestra aplicación en diversos archivos e incluirlos cuando los necesitemos. Con JavaScript esto no es tan sencillo, afortunadamente tenemos Browserify que nos permite separar nuestro código de JS en diversos archivos y luego compilarlos en uno solo que podemos incluir para su uso en el navegador. Vueify por otro lado nos permite separar nuestros componentes de Vue en diversos archivos y en cada archivo podemos agrupar el código de JS y la plantilla de dicho componente. De esta manera también podremos simplificar nuestra plantilla notes.blade.php y el código dentro de notes.js.

Aunque todo esto suene muy complicado, en la práctica es muy sencillo gracias a la ayuda de Gulp, Laravel Elixir y Laravel Elixir Vueify.

Regístrate en Styde

y obtén acceso inmediato a cientos de lecciones como ésta y contenido nuevo cada semana.

Ver planes

Lección anterior Eventos personalizados en Vue.js Lección siguiente Creación del componente App