小编alb*_*ny6的帖子

我试图将选择输入中的任何选项设置为对象中的值。我正在尝试使用 v-model 来达到此目的，但我不太确定如何使用。以下是我迄今为止尝试做的事情。

<div class="select-wrapper">
  <select required name="category" id="category" @change="(e) => $emit('input', e.target.value)">
      <option value="" selected="selected">Category*</option>
      <option value="attendee">Attendee</option>
      <option value="distributor">Distributor</option>
      <option value="sponsor">Sponsor</option>
      <option value="media/analyst">Media/Analyst</option>
      <option value="university">University</option>
      <option value="other">Other</option>
  </select>
 </div>

我是vue.js的新手，并且习惯了React。我目前正在尝试将 SVG 徽标导入到我的标头组件中，但我不确定如何导入。在反应中，我只需在当前组件中需要的地方执行import Logo from './path;和使用它。Logo这基本上就是我现在正在尝试做的事情，但我不断收到错误。谁能告诉我如何做到这一点Vue.js？

<template>
    <header class="nav">
        <img src={Logo} alt="24G Logo">
    </header>
</template>

<script>
    import Logo from '../assets/76_logo.svg';

    export default {
        name: 'Header'
    }
</script>

<style lang="scss" scoped>

</style>

我正在尝试挑战自己，将使用钩子的课程项目转换为同一个项目，但不必使用钩子，以便了解有关如何使用类组件做事的更多信息。目前，我需要帮助弄清楚如何在普通类组件中复制 useCallback 钩子。以下是它在应用程序中的使用方式。

export const useMovieFetch = movieId => {
    const [state, setState] = useState({});
    const [loading, setLoading] = useState(true);
    const [error, setError] = useState(false);

    const fetchData = useCallback(async () => {
        setError(false);
        setLoading(true);

        try{
            const endpoint = `${API_URL}movie/${movieId}?api_key=${API_KEY}`;
            const result = await(await fetch(endpoint)).json();
            const creditsEndpoint = `${API_URL}movie/${movieId}/credits?api_key=${API_KEY}`;
            const creditsResult = await (await fetch(creditsEndpoint)).json();
            const directors = creditsResult.crew.filter(member => member.job === 'Director');

            setState({
                ...result,
                actors: creditsResult.cast,
                directors
            });

        }catch(error){
            setError(true);
            console.log(error);
        }
        setLoading(false);
    }, [movieId])

useEffect(() => {
        if(localStorage[movieId]){
            // …