猿问

VUE hello-world demo 失败,求问原因?

刚刚开始接触VUE,按照官方文档、用html文件写了一个“hello-world”的demo。


----(问题代码开始)-------


<html>

    <head>

        <script src="https://cdn.jsdelivr.net/npm/vue"></script>

        <script>

            var v1 = new Vue({

                el: "#app",

                data: {

                    message: "Hello, world!"

                }

            });

            alert(v1.message);//"Hello, world!"

        </script>

    </head>

    <body>

        <h1>0313, >> VUE</h1>

        <div id="app">

            <p>{{ message }}</p>

        </div>

    </body>

</html>

----(问题代码结束)-------

☆ https://cdn.jsdelivr.net/npm/vue 没问题浏览器能正常打开。
☆ v1变量,能拿到。v1.message能读取。
★ 但是HTML里,<p>的{{ message }}无法取得“helloworld”字符串

求问原因。。


慕斯709654
浏览 912回答 2
2回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答