功能：为了实现Element table 单元格最后合计，并且合计中某一个单元格返回两行内容 alt

在element table 中使用 summary-method 方法；该方法返回的数组，数组元素可以是 HTML 标签。

      getSummaries(param) {
         const { columns, data } = param;
         const sums = [];
         columns.forEach((column,index) => {
             if(index == 0) {
                 sums[0] = <div>
                     <div>{this.amount}</div>
                     <div>(已退款：{this.refundamount})</div>
                 </div> ;
                 //实际上借助了vue的render函数，写了jsx。并且在jsx表达式中必须要有一个父元素.并且使用表达式的时候使用 ‘{}’ 将变量包裹起来
             }
         });
         return sums;
     }

JSX

JSX = JavaScript + XML

JSX 就是 JavaScript 和 XML 结合的一种格式（只要你把 HTML 代码写在 JS 里，那就是JSX）在实际开发中，JSX 在产品打包阶段就已经编译为纯JavaScript。

特点

JSX 执行更快，因为它在编译为JavaScript代码后进行了优化
它是类型安全的，在编译过程中就能发现错误
使用JSX 编写模板更加简单快速

语法

      var msg="哥们！"

      const element = <h1>Hello, world!{msg}</h1>     没有双引号，不是字符串

      const List = () => (

            <ul>

              <li >list item</li>

              <li>list item</li>

              <li>list item</li>

            </ul>  

        );

只能有一个根标签，养成外面加上圆括号的习惯
标签要闭合（单边标签要有斜杠）

JavaScript表达式 - 使用单花括号。单花括号里只能写表达式，不能写语句（if，for 等）

Vue 插入JSX

JSX