el挂载点 

 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>

 

posted @ 2020-06-23 16:18  爱记录一切美好的微笑  阅读(174)  评论(0)    收藏  举报