<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模板语法</title> <script src="./vue.js"></script> </head> <body> <div id="app"> {{name + 'xu'}} <div v-text="name + 'xu'"></div> <div v-html="name + '<h1>xu</h1>'"></div> </div> <script> var vm = new Vue({ el:"#app", data:{ name:'BIUBIU' } }) </script> </body> </html> <!-- {{}}插值表达式 v-text :转义 v-html :渲染html标签 -->