美文网首页
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