1

day 97 VUE第一天

　　

 

 

 

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>111
    </title>
</head>
<body>
    <div id ="app">
        <h2>{{title}}</h2>

    <div class="box">{{content}}</div>

    <!-- v-*:指令系统 -->
    <button v-on：click ="bian">变</button>
</div>

    <script type="text/javascript" src="vue.js"></script>
    <script type="text/javascript">

            //数据驱动视图
            var options ={
                    el: "#app",
                    data:{
                        title :"我是一个h2标题",
                        content:" 嘿嘿嘿"
                    },
                
                methods:{
                    bian:function(){
                        this.title="该了"

                    }
                }
            };
            var app= new Vue(options);
            console.log(app.title)

    </script>

</body>
</html>

 

posted @ 2018-06-24 20:23  萌哥-爱学习  阅读(104)  评论(0)  编辑  收藏  举报