Vue04-模版语法

一、插值语法

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

二、指令语法

效果:

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

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

2-1、v-bind命令

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

浏览器效果:

浏览器效果:

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

三、插值语法 VS 指令语法

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

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

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

四、小结

示例1:

示例2:

相关推荐
码客前端2 分钟前
理解 Flex 布局中的 flex:1 与 min-width: 0 问题
前端·css·css3
Komorebi゛3 分钟前
【CSS】圆锥渐变流光效果边框样式实现
前端·css
工藤学编程15 分钟前
零基础学AI大模型之CoT思维链和ReAct推理行动
前端·人工智能·react.js
徐同保16 分钟前
上传文件,在前端用 pdf.js 提取 上传的pdf文件中的图片
前端·javascript·pdf
怕浪猫17 分钟前
React从入门到出门第四章 组件通讯与全局状态管理
前端·javascript·react.js
内存不泄露22 分钟前
基于Spring Boot和Vue 3的智能心理健康咨询平台设计与实现
vue.js·spring boot·后端
欧阳天风24 分钟前
用setTimeout代替setInterval
开发语言·前端·javascript
EndingCoder28 分钟前
箭头函数和 this 绑定
linux·前端·javascript·typescript
郑州光合科技余经理28 分钟前
架构解析:同城本地生活服务o2o平台海外版
大数据·开发语言·前端·人工智能·架构·php·生活
沐墨染30 分钟前
大型数据分析组件前端实践:多维度检索与实时交互设计
前端·elementui·数据挖掘·数据分析·vue·交互