vue 数据无法显示的可能原因：数据初始化为列表但是在传入数据的时候没有用form等，而是用span，p等

<el-dialog
:visible.sync="dialogVisible"
width="50%"
title="详情"
:close-on-click-modal="false"
:show-close= "true">
<div>
<span>模板名称：{{tableData.name}}</span>
这是在dialog中写入span的时候

  tableData: [
            {
              name: 1,

            }
          ]

这是return数据的时候的数据值。
在页面中只能显示 =》模板名称：，而后面的数据显示不出来，而我期望的是：
模板名称：1
本来是以为数据没有绑定上，但是后来问了别人才发现是因为自己的构造数据的时候写成了list，但是我用的是span，所以不能显示出来
所以应该写成：

 tableData: 
            {
              name: 1,

            }

name是tableData中的一个属性，而不是tableData数组下里面的对象中的属性，如果确实想写成数组里面的对象可以这样写：

    tableData[0]: 
        {
          name: 1,

        }