开始

每个vue应用都需要通过实例化Vue来实现

let vm = new Vue({
	//code
	el: ''.
	data:{},
})

注意

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue.js起步</title>
    <script src="https://static.gzj2001.com/vue/vue.js"></script>
</head>
<body>
    <div id="myapp">
        {{site}}
    </div>
    <script>
        let myapp = new Vue({
	   //el需要与DIV的ID相同,ID必须唯一,以第一个为准
            el:'#myapp',
            data:{
                site:"城南博客",
                url:"www.gzj2001.com"
            }
        })
    </script>
</body>
</html>

总结

在html中,id的唯一性需要程序员自行把握。
在VUE中,捕获的ID 仅针对第一个有效。
否则会出现以下错误
image.png