1. 程式人生 > >vue的引入和基本操作(程式碼)

vue的引入和基本操作(程式碼)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
</head>
<body>
    <div id="app">
        <!--第四步:展示資料-->
        {{message}}
    </div>
    <!--第一步:引入-->
    <script src="vue.js"></script>
    <script>
        //第二步:建立vue例項物件
                //第三步:配置引數
        var app=new Vue({       //可以是app也可以是abb不過一般寫app
            el:"#app",      //繫結DOM  目標  和div的app對應
            data:{      //資料
                message:"Hello world"
            }
        });
    </script>
</body>
</html>