Vue.js 2 Web Development Projects

What is JSX?

JSX is a language created to write code that looks more like HTML inside the render function's JavaScript code. It is effectively an XML-like extension to JavaScript. Our first previous example looks like this in JSX:

export default {  props: ['message'],  render (h) {    return <p class="content">      {this.message}    </p>  },}

This is possible thanks to Babel, the library that is in charge of compiling our ES2015 JavaScript (or more recent) code into old ES5 JavaScript, which runs in older browsers such as Internet Explorer. Babel can also be used to implement new features into the JavaScript language (such as the proposed draft features that may appear in later versions) or entirely new extensions such as JSX.

The babel-plugin-transform-vue-jsx ...