效果：

初始vue代码内容例子2_html

 

 

 

代码：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>Document</title>
 7     <!-- 开发环境版本，包含了有帮助的命令行警告 type="text/javascript" -->
 8     <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
 9 </head>
10 <body>
11     
12     <div id="input">
13         <h2>这是一个vue实例测试+{{name}}</h2>
14 
15 
16 
17     </div>
18 
19 
20     <script>
21         new Vue ({
22             el:'#input', //这里挂载ID对应输入的值内容。 
23             data: {
24                 name:'vue名字'
25             }
26         })
27     </script>
28 </body>
29 </html>