javascript - Vuejs:如何正确地将prop传递到组件数据

我正在使用Vue 2.0，但尚不清楚。
如何将道具传递到组件的内部数据？
查看文档，看来我做得对。

的HTML

<lista-servizi :servizi="modello"></lista-servizi>

“模型”是已经定义的数据。

VUE组件

Vue.component('lista-servizi', {
 template:
 '<span class="blu">{{listaServizi.lineaGialla.descrizione}}</span>',
    props: ['servizi'],
    data: function(){
    return{
       listaServizi : this.servizi
    }

基本上，我尝试将与道具servizi相同的值赋给data listaServizi，
但是在控制台中，我有以下消息：

[Vue warn]: Error in render function: "TypeError: Cannot read property 'descrizione' of undefined"

found in

---> <ListaServizi>
       <Root>

最佳答案

您应该改用computed。

Vue.component('lista-servizi', {
  //...
  computed: {
    listaServizi() {
      return this.servizi
    }
  }
}