Vue04-模版语法

一、插值语法

作用:将指定的值放在指定的位置。

二、指令语法

效果:

将href中的跳转地址,交给Vue实例管理:

Vue的指令,以v-xxxx开头,以表示它们是 Vue 提供的特殊 attribute。

2-1、v-bind命令

可以给标签中的任意一个标签属性,动态的绑定值。

浏览器效果:

浏览器效果:

v-bind指令的简写:v-bind: =========> :

三、插值语法 VS 指令语法

插值语法:一般用于指定标签体内容:

<起始标签>标签体的内容,{{用插值语法}}</结束标签>

指令语法:管理标签属性。

四、小结

示例1:

示例2:

相关推荐
invicinble3 小时前
数字系统--c端数字环境入口和操作系统
前端
求道於盲3 小时前
异步编程中的 Future
前端
Z兽兽4 小时前
HBuilder打包web地址的apk,更新dist后如何自动清缓存
前端·android应用打包
Hilaku4 小时前
Bun 真的能取代 Node.js 吗?
前端·javascript·程序员
奔跑的卡卡4 小时前
线上Web异常发现为什么总是滞后?一套自研Web实时异常分析监控系统整体架构拆解
前端·web安全·架构
梦曦i4 小时前
create-uni-app v1.1.0:结构化生成,工程骨架更规范
前端·uni-app
流光D4 小时前
AI时代,搭建 web 站点并配置 nginx 反向代理流程
运维·服务器·前端·人工智能·nginx·ai·ai编程
PBitW4 小时前
Travel Planner — 智能旅行行程规划助手
前端·后端
梨想橙汁5 小时前
CSS Grid 网格布局:二维布局神器,轻松实现复杂网页排版
前端·css
lhldsg5 小时前
酒吧点餐小程序开发:从需求分析到技术落地实战
java·前端·小程序·架构·交友