Javascript Vue组件无法读取属性 按按钮向服务器发送请求 服务器发送一个json数组作为响应 我想用v-for和component在屏幕上显示数据 我得到的数据很好，但当我在屏幕上显示时，我得到了一个错误

错误：属性或方法“数据”未在实例上定义，但在渲染期间被引用。通过初始化属性，确保此属性在数据选项中或对于基于类的组件是被动的

他为什么不承认“数据”

---

html

日期：{data.propose_dt}

Vue.component（'数据模板'{
模板：“#数据模板”，
道具：['dataList']
})

vue javascript

let app = new Vue({
    el: "#app",
    data: {
        dataDetail: []
    },
    methods: {
        getData: function() {
            this.searching = true;
            axios.get(url)
            .then(res => {
                this.dataDetail = json array data;
                console.log(this.dataDetil);  //'dataDetail' have right value after server request
            });
        }
    }
})

---

这是因为您使用了

p

标记，而不是

div

（如果您使用ide，ide将警告您） 把它改成

<div v-for="data in dataList">
     <h3><a :href="data.href">{{ data.title }}></a></h3>
     <p>Date : {{ data.propose_dt }}</p>
</div>

日期：{data.propose_dt}