Vue 支持JSX语法

什么是JSX语法

JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使用JSX来描述用户界面(参考自百度百科)。其实jsx简单的理解就是在括号中写html元素。

举例

const element = (
    <div>
        <h1>Hello!</h1>
        <h2>Good to see you here.</h2>
    </div>
);

vue支持

1引入依赖

npm install
babel-plugin-syntax-jsx
babel-plugin-transform-vue-jsx
babel-helper-vue-jsx-merge-props
babel-preset-env
--save-dev

2 .babelrc文件中加入插件

 "plugins": ["transform-vue-jsx", "transform-runtime"],