Vue04-模版语法

一、插值语法

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

二、指令语法

效果:

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

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

2-1、v-bind命令

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

浏览器效果:

浏览器效果:

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

三、插值语法 VS 指令语法

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

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

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

四、小结

示例1:

示例2:

相关推荐
平凡的阿泽6 分钟前
我用 Trae 实现了AI辩论赛
前端
对空六课10 分钟前
指标口径生效时间的版本查询实现
大数据·服务器·前端·算法·数据分析
对空六课15 分钟前
RFM分层边界变化的回溯计算
大数据·服务器·前端·数据库·人工智能·算法·数据分析
IT_陈寒20 分钟前
Vite打包的诡异行为,让我差点提交了个错误版本
前端·人工智能·后端
鹏多多20 分钟前
前端是如何死去的?| 完整时间线
前端·javascript·程序员
coding漫漫长路27 分钟前
海报挪进Worker画,canvas字体又变回默认了
前端
看浪的路人29 分钟前
第2讲:ReAct 模式从零实现——不用框架,手写一个 Agent 内核
前端·react.js·前端框架
独孤九剑打醒他35 分钟前
【原创开源·航空终极篇】氢能航空动力升级:双燃料掺氢、富氧补气与露天储氢安全模型
前端·架构·开源·硬件工程·能源
律宏阔39 分钟前
阿里云 ESA + Pages 域名部分电脑无法访问
前端
毕业设计70339 分钟前
(免费领源码)基于node的学生公寓管理系统06412- java、PHP、python、C#、小程序、大数据、单片机、网络工程等)
vue.js·mysql·node.js·maven·mybatis·express·b/s