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必火的创业项目

相关内容

热门资讯

谁能给我发几个好看的穿越文，女... 谁能给我发几个好看的穿越文，女主要聪明点的，还有请给我发下《蛇蝎皇后》这篇小说我有比较多的小说，但是...
网络语叫粉丝是什么意思？ 网络语叫粉丝是什么意思？'粉丝’是英语‘Fans’（狂热、热爱之意，后引申为影迷、追星等意思）的音译...
你们希望柯南的最后大结局是新兰... 你们希望柯南的最后大结局是新兰永恒吗肯定滴啊，如果新兰都不永恒了谁还相信爱情、、、 上次预告还有五年...
出师表朗诵 出师表朗诵出师表的朗诵应该配上什么音乐，或者歌曲（最好是现代的），给点建议！新三国片头曲吧试试王宗贤...
《率土之滨》平民新手开局怎么玩... 《率土之滨》平民新手开局怎么玩？前期开荒核心是完美的利用每一点资源，把他变为你前期最有利的抢地武器！...
咒怨里面的白老妇[那个鬼 的扮... 咒怨里面的白老妇[那个鬼 的扮演者是谁？告诉我吧求求你们了 我要是不知道他是活人演的拿篮球的那个老婆...
体验当家的辛苦 体验当家的辛苦自己体会会有灵感的。什么事情还是自己做一下比较真实这样的作文就必须要自己去亲身体会，让...
（只要人物时间地点的正确就能开... （只要人物时间地点的正确就能开启尘封已久的记忆）能解释一下这个是什么含义是一个女的写给我的是表白吗大...
科学和迷信你们信哪个？不能解释... 科学和迷信你们信哪个？不能解释的东西事物算得上是迷信吗迷信我是不会相信的，如果对所谓的科学百分之百的...
请问延世大学韩语教程和标准韩国... 请问延世大学韩语教程和标准韩国语哪本更适合自学?哪本语法更详细，更易于学习。先谢谢啦。你好，标准韩国...
有谁曾经暗恋一个人，很久都没有... 有谁曾经暗恋一个人，很久都没有见到却还是很想念他想就想呗，随自己的意就可以了让她留在心里吧．我也曾暗...
昨天在车上看的碟子，好像是，一... 昨天在车上看的碟子，好像是，一个DJ现场，一个人边唱边喝酒，还互动问题，答完就喝。提问的歌曲有：洪湖...
魔兽世界小白任务和战场问题 魔兽世界小白任务和战场问题去魔兽数据库里找 多玩 嘟牛 这两个网站的 数据库很全 什么任务...
《公主回宫》什么时候开播？ 《公主回宫》什么时候开播？已经开播了，祝你愉快.
到底大灰狼和小绵羊是一对，还是... 到底大灰狼和小绵羊是一对，还是和小白兔是一对很显然小绵羊和小白兔是一对
你觉着《他来了请闭眼》中霍建华... 你觉着《他来了请闭眼》中霍建华演技如何？《他来了请闭眼》中霍建华演技很好。霍建华的演技很好，能够表现...
九色神鹿故事？ 九色神鹿故事？很久以前，在恒河边上有一只九种毛色的鹿，它那闪闪发光的鲜艳毛色和洁白如雪的美丽鹿角，以...
刘州成坚强的故事 刘州成坚强的故事就是男子汉一点的 刘小美的刘州成他是一个很坚强的人来的.. 一路走来他都是勇敢地走来...
书籍设计的内容简介 书籍设计的内容简介《书籍设计》立足于新世纪中国艺术教育的改革，将艺术理论与技能培训融会贯通，从内容选...
2024年山西中考初二考地理生... 2024年山西中考初二考地理生物吗不考。截止2022年6月1日山西中考除晋中和阳泉两个改革试点区域外...