美文网首页
vue基础-第一个vue程序

vue基础-第一个vue程序

作者: 鸿01 | 来源:发表于2020-08-16 07:39 被阅读0次

    在script里直接引入vue.js无效。

    最近在学vue,尝试在html里直接引入vue.js来用但是失败了,不知道问题在哪,用的就是官网的第一个入门demo,但是页面只显示{{message}},而不是hello vue

    代码如下: 

        <script src="./vue.js"></script>

        <title>Document</title>

    </head>

    <body>

        <div id="app" >

            <div>{{message}}</div>

            <input type="text" v-model = "msg1">

        </div>

        <script type="text/javascript">

            var app1 = new vue({

                 el :"#app",

                 data :{

                     message:"你好 小黑",

                     msg1:" "

                 }

             })

         </script>

    </body>

    </html>

    检查了半天,也没搞出问题在哪, 最后一对比别人的代码才发现 ,原来的 new vue 的v 要大写才行 ,好坑.....

    相关文章

      网友评论

          本文标题:vue基础-第一个vue程序

          本文链接:https://www.haomeiwen.com/subject/tulzdktx.html