我正在嘗試在我的 Vue.js 應(yīng)用程序中實(shí)現(xiàn)一個(gè)簡單的圖片庫。這就是我要找的：用戶單擊縮略圖，右側(cè)會(huì)顯示更大的圖片。這是我到目前為止所做的代碼：     <div class="col-md-6">            <div class="row" id="grid">              <div v-for="(picture, index) in pictures"              :key="picture.pk"              class="col-md-4 my-auto"              >                 <div @click="picToShow= index">                                 <img class="img-thumbnail img-responsive" :src="picture.picture_1">              </div>              </div>              </div>          </div>              <div class="col-6 text-center my-auto">                      <div v-for="(picture,index) in pictures"              :key="picture.pk"              class="col-md-4 my-auto"              >                                  <img v-show="pictToShow == index" :src="picture.picture_1">                        </div>              </div>但是當(dāng)我運(yùn)行它時(shí)，我得到了這個(gè)錯(cuò)誤：[Vue 警告]：屬性或方法“pictToShow”未在實(shí)例上定義，但在渲染期間被引用。通過初始化屬性，確保此屬性是反應(yīng)性的，無論是在數(shù)據(jù)選項(xiàng)中，還是對(duì)于基于類的組件。請(qǐng)參閱： https ://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties 。我確實(shí)有<script>：    data () {        return {                pictures: [],          picToShow: null,                       }      },我該如何解決？