1. 挂载点，模板，实例的关系？
首先附上一个基本demo:
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>vue 入门</title>
6 <script src="./vue.js"></script>
7 </head>
8 <body>
9 <div id="root">
10 <!-- <h1>{{msg}}</h1> -->
11 </div>
12 <script>
13 new Vue({
14 el: "#root",
15 template: ‘<h1>{{msg}}</h1>‘,
16 data: {
17 msg: "HEllo Vue "
18 }
19 })
20 </script>
21 </body>
22 </html>
解释：
挂载点：就是el 所代表的id为root的div,指明vue只对这个div起作用
模板：div里面的内容
实例：在vue实例中指定了挂载点，模板，vue会自动结合模板和数据生成最后的内容，然后把内容放在挂载点之中
原文地址：https://www.cnblogs.com/ly2646/p/9418424.html
时间： 2024-10-20 08:29:54