vue - helloVue

开始学习vue了

1、数据绑定：{{data}}

2、el属性(挂载对象)： el:标签任意(例如：#app,.app,app)

3、data:{} ：存放数据.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>helloVue</title>
        <!--1、引入文件-->
        <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <!--2、数据绑定-->
        <div id="app">
            {{ messages }}
        </div>        
    </body>
    <script type="text/javascript">
        //3、创建Vue对象，绑定数据
        var app = new Vue({
            el:"#app",
            data:{
                messages:"hello vue!"
            }
      })
    </script>
</html>

 

posted @ 2019-10-16 15:05  coderLiujh  阅读(227)  评论(0)    收藏  举报