问答详情
源自:2-4 计算属性与侦听器

请问这段代码为什么执行后浏览器里面只显示{{msg}}?

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js"></script></head><body>    <div id="app">        {{msg}}    </div>    <script>        new Vue({            el:'#app',            data:{                msg : 'hello Vue!'            }        })    </script></body></html>


提问者:ienoon 2020-06-26 17:18

个回答

  • Brian
    2020-08-20 16:19:24

    楼上正解,3.0的语法已经发生了变化。不能new vue了,需要使用createApp:https://v3.vuejs.org/guide/introduction.html#declarative-rendering

  • 走馬勿观花
    2020-12-20 01:11:29

    引入cdn需要3.0以下,3.0不能这样了

  • 969999666696
    2020-07-28 21:45:03

    测试了一下,是你的https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js有问题。

    我记得老师说过不要选有beta的,不稳定。

  • ienoon
    2020-06-26 17:19:24

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

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

        <title>Document</title>

        <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js"></script>

    </head>

    <body>

        <div id="app">

            {{msg}}

        </div>

        <script>

            new Vue({

                el:'#app',

                data:{

                    msg : 'hello Vue!'

                }

            })

        </script>

    </body>

    </html>