我正在創(chuàng)建一個顯示產(chǎn)品的 Web 應(yīng)用程序（所有產(chǎn)品信息都來自數(shù)據(jù)庫），每個產(chǎn)品都有一個More Details >>按鈕，單擊時會打開一個包含該特定產(chǎn)品信息的模式窗口。js 文件包含被多次調(diào)用的 allRecords() 函數(shù)，這使得檢查中的網(wǎng)絡(luò)選項卡變得瘋狂。我希望它只被調(diào)用一次。我看過這個：如何只觸發(fā)一次 vue 方法，而不是每次都觸發(fā)，我不確定如何將它應(yīng)用到我的代碼中。這是我的代碼如下：PHP文件<div id="myapp">  {{ allRecords() }}  <div class="content">    <div class="nested" v-for="product in products">      ...    </div>    <b-modal id="productModal" v-if="chosenProduct" hide-footer="true" ok-title="Buy Now" size="lg" :title="chosenProduct.Name">      <div class = "inner-container">        ...      </div>    </b-modal>  </div></div>JS文件var app = new Vue({  'el': '#myapp',  data: {    products: "",    chosenProduct: null  },  methods: {    allRecords: function(){ \\ This function here is being called multiple times      axios.get('ajaxfile.php')        .then(function (response) {          app.products = response.data;        })        .catch(function (error) {          console.log(error);        });    },    chooseProduct: function (product) {      app.chosenProduct = product    }  }})