1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>el挂载点</title> 8 </head> 9 10 <body> 11 <!-- 12 el挂载点: 13 1、el是用来设置vue实例挂载(管理)的元素 14 2、Vue会管理el选项命中的元素及其内部的后代元素 15 3、可以使用其他的选择器,但是建议使用ID选择器 16 4、可以使用其他的双标签,不能使用HTML和Body 17 --> 18 {{message}} 19 <div id="app"> 20 <!-- <div class="app"> --> 21 {{message}} 22 <span>{{message}}</span> 23 <p>{{info}}</p> 24 </div> 25 26 <script src="./js/vue.js"></script> 27 <script> 28 var app = new Vue({ 29 el: "#app", 30 // el: ".app", 31 // el: "div", 32 data: { 33 message: "hello world", 34 info: "many data" 35 } 36 }) 37 </script> 38 </body> 39 40 </html>