算出プロパティを定義する方法

Question

new Vue({
el: '#app',

data: {
prevSearchText: '',
photos: [],
currentState: IS_INITIALIZED,
},

computed: {
isInitalized() {
return this.currentState === IS_INITIALIZED;
},
isFetching() {
return this.currentState === IS_FETCHING;
},
isFailed() {
return this.currentState === IS_FAILED;
},
isFound() {
return this.currentState === IS_FOUND;
},

/**
 * TODO: 算出プロパティを定義する
 * この算出プロパティは、現在の状態が「検索テキストに該当する画像データがない状態」と一致するときにtrueを返す
 */
 
}, 
 

算出プロパティにtrueの使い方がわかりません。お願いします

Answer 1

currentState: IS_INITIALIZED,とdataで定義しているにも関わらず、
算出プロパティでcurrentState === IS_INITIALIZEDと同じデータを参照しているので、
true は返ってきません。

template 部分の記載が無いので、なんとも言えませんが、やりたいことを実現するなら、
filterとかを使って「検索テキストに該当する画像データがない状態」になったときに
算出プロパティ内で定義している、メソッドでtrueを返すようにするのです。

isInitalized() {
 this.photos.filter((item,index)=>{
 if (item[index] === thisprevSearchText){
    return true} 
    else { false } 
 })  
 }

例えばですが、このようなコードを作成すると算出プロパティで定義している
isInitialized()自体の返り値として、true/falseが返ってくるようになります。