Vuex速學篇 2 利用state儲存新聞資料

2021-07-24 19:13:44 字數 1297 閱讀 9618

以前我們在做這個新聞列表的時候,是乙個寫死的資料

export default,,,

,]}},

}

然後在模板上迴圈:

class="page-header" v-for="news in newslist">

news-list.vue:

export default,function

(res) )}}

}

元件生命週期(建立)裡請求伺服器獲取資料,然後儲存到了state裡:

this.$store.state

.newslist = res.body

;

newslist在例項化vuex.store的時候定義,入口檔案index.js裡:

state:,
元件模板上就要這樣迴圈了:

處理伺服器返回來的資料,比如我們這裡news.php的返回的json資料:

[,,]
我們要根據isdeleted做資料過濾,不多說,先看**:

import vuex from 'vuex';

vue.use(vuex);

const vuex_store = new vuex.store(,

mutations:

},getters:)}}

})

getters專門寫了乙個方法,做了資料過濾處理,保留isdeleted為false的記錄。

那麼我們在元件模板上迴圈的時候也要修改一下了:

過濾之後,只有2條資料了

速學c 2 helloworld工程

include int main 要點 1.每個c 程式都需要乙個main,這是程式的入口執行點。2.main函式返回乙個int型的值。如果沒有返回值,系統將接收乙個指示值 成功完成。返回非零值表示失敗,否則表示成功。3.include是指包含標頭檔案,可理解為python語言的import導入庫,...

七周速學資料分析(統計學篇)

前面我們為大家講述了excel 資料視覺化 資料分析思維 資料庫的知識。學會了這些就相當於學會了資料分析一般的內容,但是這些知識並不能構成乙個完整的資料分析知識體系,還需要學習統計學 python r以及業務知識,現在就給大家講解一下統計學的知識。就目前而言,很多資料分析師統計學基礎知識並不是很重視...

七周速學資料分析(資料視覺化篇)

前面我們提到了資料分析中的excel技能,excel技能是資料分析知識的基礎,只能夠分析簡單小型的資料,但是在資料分析中,我們應給意識到乙個問題,那就是我們盡量使用圖表的方式代替文字表達,這是因為人們對於圖表表達的直觀度比文字表達的直觀度要高,所以也就有了怎麼一句話,那就是字不如表,表不如圖。所以我...