• nuxt.js fetch 的使用

    发表于 2020-10-22 20:39浏览1693 • 评论0条 • 0人点赞 • 0人收藏

    10月

    22

    技术分享

    fetch 方法用于在渲染页面前填充应用的状态树(store)数据, 与 asyncData 方法类似,不同的是它不会设置组件的数据。

    1、使用方式:

         
    <template>
       <h1>{{ $store.state.stars }}</h1>
    </template>
    
    <script>
      export default {
          fetch({ store, params }) {
              return axios.get('/article/recommend').then(res => {
                  store.commit('setStars', res.data) // 同步
                  // store.dispatch('setAisCmtList',res.data.data);异步
              })
          }
      }
    </script>
        
    

评论列表(有0条评论)

  • cpsblog
  • Do you like me?

  • 热门文章
  • 推荐文章
  • 最新文章