Vue笔记（五）—— Vue render渲染/组件嵌套之iView官网案例改写Table表格组件及Modal弹窗/对话框/模态框组件内容自定义详解

缺乏耐心的读者请主要关注标红部分！

因部分内容自动转为代码格式，所以代码部分请主要关注注释部分！

1.Table表格组件内容自定义：

官网Table表格组件部分示例代码：

columns12: [
  {
    title: 'Name',
    slot: 'name'
  },
  {
    title: 'Age',
    key: 'age'
  },
  {
    title: 'Address',
    key: 'address'
  },
  {
    title: 'Action',
    slot: 'action',
    width: 150,
    align: 'center'
  }
],
data6: [
  {
    name: 'John Brown',
    age: 18,
    address: 'New York No. 1 Lake Park'
  },
  {
    name: 'Jim Green',
    age: 24,
    address: 'London No. 1 Lake Park'
  },
  {
    name: 'Joe Black',
    age: 30,
    address: 'Sydney No. 1 Lake Park'
  },
  {
    name: 'Jon Snow',
    age: 26,
    address: 'Ottawa No. 2 Lake Park'
  }
]