效果:
代码:
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="a"> 13 <h3> {{variable}}</h3> 14 </div> 15 16 17 <script> 18 19 new Vue({ 20 el:'#a', 21 data: { 22 variable:'变量对应标题3内容' 23 } 24 }) 25 26 27 </script> 28 29 </body> 30 </html>