vue基础-第一个vue程序

2020-08-16  本文已影响0人  鸿01

在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 要大写才行 ,好坑.....

上一篇 下一篇

猜你喜欢

热点阅读