模板语法
1.差值表达式
<!DOCTYPE html><html lang="en"><head> < charset="UTF-8"> < >模板语法</ > < src = "./vue.js"></ ></head><body> <div id ='app'> {{name}} </div> < > var vm = new Vue({ el:'#app', data:{ name:'Dell' }, }) </ > </body></html>差值表达式就是格式如 {{ }}
输出：
2.v-text
换一种写法：
<!DOCTYPE html><html lang="en"><head> < charset="UTF-8"> < >模板语法</ > < src = "./vue.js"></ ></head><body> <div id ='app'> <div v-text="name"></div> </div> < > var vm = new Vue({ el:'#app', data:{ name:'Dell' }, }) </ > </body></html>输出：
3.v-html
<!DOCTYPE html><html lang="en"><head> < charset="UTF-8"> < >模板语法</ > < src = "./vue.js"></ ></head><body> <div id ='app'> {{name}} <div v-text="name"></div> <div v-html="name"></div> </div> < > var vm = new Vue({ el:'#app', data:{ name:'<h1>Dell</h1>' }, }) </ > </body></html>输出：
继续阅读与本文标签相同的文章
上一篇 :
多表查询
-
Java 学习（28）---(线程的控制 / 生命周期 /解决安全问题）
2026-05-26栏目： 教程
-
SQL--( 初识 MyBatis)
2026-05-26栏目： 教程
-
SQL--(MyBatis 实战）
2026-05-26栏目： 教程
-
初识 Vue（28）---（Vue 中的动画封装）
2026-05-26栏目： 教程
-
初识 Vue（27）---（Vue 中的列表过渡）
2026-05-26栏目： 教程