<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p>--------------------</p> <h1>{{msg+' '+site}}</h1> <p>--------------------</p> <h1>{{msg}} {{site}}</h1> <p>--------------------</p> <h1>{{count*2/10}}</h1> </div> <script src="js/vue.3.2.2.js"></script> <script> // 1、创建Vue的实例对象 const app = Vue.createApp({ data(){//定义数据 return { msg:'你好！', site:'http://www.baidu.com', count:2 } } }).mount('#app'); </script> </body> </html>