03-模板语法
创始人
2024-06-04 00:15:54
0次

模板语法分为两点：

  1. 插值语法
  2. 指令语法

1.插值语法

2.指令语法

2.1 v-bind



模板语法


插值语法
你好，{{name}}
指令语法
百度

v-bind可以给标签里的任何属性动态绑定值，如下代码



模板语法


插值语法
你好，{{name}}
指令语法
百度

在这里插入图片描述

会发现会报错，因为在标签里的属性里前面加上了v-bind:，它会将属性值去Vue实例里的data里找对应的属性值，没有找到则会报上面的错误，有就会限制data里对应的属性值。

修改代码如下：
在这里插入图片描述

在这里插入图片描述

2.1.1 v-bind:可以简写:

在这里插入图片描述



模板语法


插值语法
你好，{{name}}
指令语法
百度百度

可以这么写：

js表达式要记牢
js表达式要记牢

3.data里的对象调用



模板语法

{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定时间.....）。举例：v-bind:href="xxx" 或 简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性备注：Vue中有很多的指令，且形式都是：v-????，此处我们只是拿v-bind举个例子-->
插值语法
你好，{{name}}
指令语法
百度{{school.name}}

3.总结

Vue模板语法有2大类：
1.插值语法：功能：用于解析标签体内容写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性
2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定时间.....）。举例：v-bind:href="xxx" 或 简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性备注：Vue中有很多的指令，且形式都是：v-????，此处我们只是拿v-bind举个例子
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：高级语言及其文法（一）

下一篇：创业项目大全 最新农村创业项目 农2011年小本项目创业支招村创业项目推荐 实用农村创业项目大全 创业项目农村2023必火的创业项目

相关内容

热门资讯

文物界“出差天团”进京！猜猜这... 文物界“出差天团”进京！猜猜这些青铜界顶流会说啥？_北京时间现在上猫眼、美团、大众点评、微信，搜索“...
“十二星座”手动上新 全球首个... 转自：央视今天（14日）12时12分，我国在酒泉卫星发射中心使用长征二号丁运载火箭，成功将太空计算卫...
黑龙江开展全省跨境电商专题培训 转自：新华财经为提高黑龙江省商务主管部门跨境电商业务能力和跨境电商企业经营水平，推动传统外贸企业向跨...
西安鄠邑法院 | “最后一劝”... 保险公司：你在投保时就应当将被保险人之前出现过高热惊厥的病情如实告知给我们。岳鑫：我当时已经向保险业...
冀东水泥(000401.SZ)... 格隆汇5月14日丨冀东水泥(000401.SZ)公布2025年限制性股票激励计划(草案)，本计划拟向...
网约车座椅靠背张贴“差评者得癌... 近日，有网友发帖称自己“五一”假期在杭州打网约车观看演唱会时，网约车前排座椅靠背张贴了一张“差评者得...
甘化科工：公司控股子公司沈阳含... 证券日报网讯甘化科工5月14日在互动平台回答投资者提问时表示，公司控股子公司沈阳含能生产的钨合金预制...
FOMC今年票委发话：4月低通... 芝加哥联储主席古尔斯比泼下冷水：最新CPI数据不一定反映出关税的真实影响，或许只是“尘埃飞扬”。芝加...
工行梧州藤县支行成功落地全辖首... 转自：新华财经近期，工行梧州藤县支行深入贯彻落实金融“五篇大文章”的工作部署，落实乡村振兴工作，将普...
爱迪特：公司保持开放态度，持续... 证券日报网讯爱迪特5月14日在互动平台回答投资者提问时表示，公司保持开放态度，持续关注口腔医疗及相关...
中航西飞：公司及子公司陕飞依托... 证券日报网讯中航西飞5月14日在互动平台回答投资者提问时表示，公司及子公司陕飞依托大中型飞机平台，持...
济宁市交通强国山东示范区建设推... 转自：济宁政务5月14日上午，济宁市交通强国山东示范区建设推进会议召开。济宁市委书记温金荣出席并讲话...
小马智行创始人自愿延长锁定期5... 5月14日，小马智行（NASDAQ:PONY）宣布，董事会主席、联合创始人、CEO彭军，以及联合创始...
北京博物馆头部达人联盟成立 5月14日，在“5·18国际博物馆日”中国主会场活动、北京博物馆季及“看·见殷商”展即将举行的重要时...
赵乐际分别会见拉丁美洲议会议长... 转自：北京日报客户端全国人大常委会委员长赵乐际14日在北京分别会见拉丁美洲议会议长冈萨雷斯、中美洲议...
在古老的意大利科莫歌剧院，廖昌... 转自：上观新闻意大利当地时间5月12日晚，拥有212年历史的意大利科莫歌剧院迎来2024-2025年...
2025 新能源五大标杆车型解... 转自：衡水日报在 2025 年新能源汽车技术呈 "井喷式" 发展的大背景下,消费者对车辆的核心诉求已...
紫光原董事长赵伟国被判死缓，紫... 【#紫光原董事长赵伟国被判死缓#，#紫光原董事长曾被称为并购狂人#，紫光集团破产重组后如何“求生”？...
国泰基金社会招聘公告！
为什么南方人家里都有这种碗？ 作者：敏敏 徐可心编辑：陈燕妮如果你来到南方的街头吃饭，很可能会看到一种印着大公鸡的碗。小红书上就有...