Vue04-模版语法

一、插值语法

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

二、指令语法

效果:

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

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

2-1、v-bind命令

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

浏览器效果:

浏览器效果:

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

三、插值语法 VS 指令语法

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

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

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

四、小结

示例1:

示例2:

相关推荐
其实防守也摸鱼42 分钟前
个人学习 Pwn 思路:从基础到漏洞利用的进阶路径
大数据·前端·人工智能·chrome·算法·安全·网络安全
朱涛的自习室1 小时前
212 个需求、22 万行代码:Agent 接管开源项目的 19 天
android·前端·人工智能
aZhe的全栈知识分享1 小时前
AI 还原 Figma 效果总达不到预期?先别急着让它写代码
前端·后端·面试
review445432 小时前
Codex Hooks 入门实战:生命周期事件、matcher 与5分钟跑通一个钩子
前端·agent·vibecoding
函数小陈2 小时前
阿里云部署DSH与RAM完成运维
前端·后端
用户499335025072 小时前
JS 作用域劫持的死穴:动态 this 穿透,以及 AST 怎么救
前端
IT_陈寒2 小时前
React的setState真是个演员,你以为它同步其实在装睡
前端·人工智能·后端
孟健4 小时前
Claude Code 同需求写两版对比:装不装 frontend-design 差多远?
前端·ai编程·claude
梦de天空一米16886 小时前
【一个重复id让游戏卡在62%,聊聊配置表检查】
前端
ryn483986 小时前
01 一个功能模块,怎么分层才不乱
前端·ai编程·claude