<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <!--1 挂载点、模板,实例之间的关系--> <!--根据慕课网DellLee老师讲解的vue2.5入门课程笔记,视频地址: https://www.imooc.com/learn/980--> <!--2 这里的id='app'就是挂载点--> <div id="app"> <!--3 在挂载点之内的这些内容都称之为模板--> <h1>hello {{msg}}</h1> </div> <script> //var app 就是实例 var app = new Vue({ el: '#app',//2 指向挂载点 template:'<h2>hello2 {{msg}}</h2>',//3 也可以将模板的内容放到 template内,页面上就不需要模板了 data: { msg: '5555' } }); </script> </body> </html>