Vue04-模版语法

一、插值语法

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

二、指令语法

效果:

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

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

2-1、v-bind命令

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

浏览器效果:

浏览器效果:

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

三、插值语法 VS 指令语法

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

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

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

四、小结

示例1:

示例2:

相关推荐
人工智能训练6 小时前
【极速部署】Ubuntu24.04+CUDA13.0 玩转 VLLM 0.15.0:预编译 Wheel 包 GPU 版安装全攻略
运维·前端·人工智能·python·ai编程·cuda·vllm
会跑的葫芦怪6 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
pas1369 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠9 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨10 小时前
【Turbo】使用介绍
前端
军军君0110 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...12 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n12 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon12 小时前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪14 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架