Nuxt3中可使用useFetch來獲取數據，不須再引用axios，相當方便:
本筆記參考:
https://juejin.cn/post/7104071421160063012
https://juejin.cn/post/7086472647575339045


職場產業

學習

投資理財

<div class="draft-block draft--p left">Nuxt3中可使用useFetch來獲取數據，不須再引用axios，相當方便:</div>
<pre class="public-DraftStyleDefault-pre draft-block"><pre class="draft--code-block">&lt;script setup&gt;</pre><pre class="draft--code-block">    import { ref } from 'vue';</pre><pre class="draft--code-block">    const product = ref();</pre><pre class="draft--code-block"></pre><pre class="draft--code-block">    const { data: _product} = await useFetch("https://api_url...");</pre><pre class="draft--code-block">    product.value = _product.value.data;</pre><pre class="draft--code-block">&lt;/script&gt;</pre></pre>






<div class="draft-block draft--p left"></div>
<div class="draft-block draft--p left"><span style="font-style: italic; ">本筆記參考:</span></div>
<ol>
  <li class="draft-block draft--li"><a href="https://juejin.cn/post/7104071421160063012" target="_blank" class="draft--a"><span style="font-style: italic; ">https://juejin.cn/post/7104071421160063012</span></a></li>
  <li class="draft-block draft--li"><a href="https://juejin.cn/post/7086472647575339045" target="_blank" class="draft--a"><span style="font-style: italic; ">https://juejin.cn/post/7086472647575339045</span></a></li>
</ol>
<div class="draft-block draft--p left"></div>
<div class="draft-block draft--p left"></div>

Nuxt3中可使用useFetch來獲取數據，不須再引用axios，相當方便:

    const { data: _product} = await useFetch("https://api_url...");

https://juejin.cn/post/7104071421160063012

https://juejin.cn/post/7086472647575339045

Nuxt3 使用 useFetch 取得數據