老师我vue怎么重出错啊,代码效果实现不了

老师我vue怎么重出错啊,代码效果实现不了

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script src="unpkg.com/vue@next"></script>

</head>


<body>

    <div id="root"></div>

    <script>


        const app = Vue.createApp({

            data() {

                return {

                    list: ['dell', 'lee', 'teacher']

                }

            },

            template: `

            <div>

            <div v-for="item in list">{{item}}</div>

            </div>`

        });

      const vm=  app.mount('#root');


    </script>

</body>


</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-05-10 15:55:12

同学你好,vue链接写错了,导致实际并没有引入vue,修改如下:

https://img1.sycdn.imooc.com//climg/627a1a4909fec9a607620173.jpg

   <script src="https://unpkg.com/vue@next"></script>

祝学习愉快!

  • 提问者 球球不一般 #1

    老师能告诉我哪里错了吗,我怎么看不出来啊

    2022-05-11 14:26:50
  • 好帮手慕久久 回复 提问者 球球不一般 #2

    链接是以https://开头的,同学没写:

    <script src="unpkg.com/vue@next"></script>

    正确写法如下:

    <script src="https://unpkg.com/vue@next"></script>

    2022-05-11 15:01:23
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师