老师，帮忙看下为什么代码执行不了。

来源：2-8 使用 Composition API 开发TodoList（2）

阿惹

2022-04-09 01:07:55

<!DOCTYPE html><html lang="en">
<head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>lesson 16</title>    <script src="https://unpkg.com/vue@next"></script>
</head>
<body>    <div id="root"></div>
</body><script>    const listRelativeEffect = () => {        const {            reactive        } = Vue;        const list = reactive([]);        const handleClickSubmit = (item) => {            list.push(item)        }        return {            list,            handleClickSubmit        }    }
    const inputRelativeEffect = () => {        const {            ref        } = Vue;        const inputValue = ref('6666')        const handleInputValueChange = (e) => {            inputValue.value = e.target.value        }
        return {            inputValue,            handleInputValueChange
        }    }

    const app = Vue.createApp({        setup() {
            const {                list,                handleClickSubmit            } = listRelativeEffect();            const {                inputValue,                handleInputValueChange            } = inputRelativeEffect();

        },        template: `        <div>            <div>                <input  :value="inputValue" @input="handleInputValueChange"/>                <button @click="()=>handleClickSubmit(inputValue)">点击提交</button>            </div>            <ul>                <li v-for='(item,index) in list' key="index">{{item}}</li>            </ul>        </div>`,    });
    const vm = app.mount('#root');</script>
</html>