Full-Stack Vue.js 2 and Laravel 5

ES2015

The js Mix method applies the Babel plugin to Webpack, ensuring that any ES2015 code is transpiled down to browser-friendly ES5 before it's added to the bundle file.

We wrote the Vuebnb frontend app prototype using only ES5 syntax, as we ran it directly in the browser without any build step. But now we can take advantage of ES2015 syntax, which includes a lot of handy features.

For example, we can use a shorthand for assigning a function to an object property.

resources/assets/js/app.js:

escapeKeyListener: function(evt) {
  ...
}

Can be changed to this:

escapeKeyListener(evt) {
  ...
}

There are several instances of this in app.js that we can change. There aren't any other opportunities for using ES2015 syntax in our code yet, though in ...