03-模板语法
创始人
2024-06-04 00:43:31
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”。

上一篇： 英语时态练习题

下一篇： 三年级英语教学工作计划

相关内容

热门资讯

高考议论文（经典6篇） 高考议论文 篇一：高考制度是否应该改革高考是中国教育体系中的重要组成部分，对于每一个学生来说都至关重...
关于2021高考作文范文【优... 关于2021高考作文范文 篇一2021高考作文范文：努力奋斗的力量在2021年的高考作文中，我选择了...
云南高考理科状元：成绩出乎意... 云南高考理科状元：成绩出乎意料 篇一近日，云南省高考理科状元的成绩出乎意料地引起了广泛关注。这位学生...
网络安全作文高考范文5篇（推... 网络安全作文高考范文5篇篇一：网络安全的重要性网络安全已经成为当今社会中一个非常重要的问题。随着互联...
语文高分作文范文高考【推荐6... 语文高分作文范文高考 篇一《文字的魅力》语文在高考中占据着重要的地位，其高分作文更是备受考生们的关注...
带着镣铐舞蹈高考满分作文（精... 带着镣铐舞蹈高考满分作文 篇一在人生道路上，我们经常会遭遇各种各样的困难和挑战。有时候，我们会觉得自...
全国高考语文作文（精彩6篇） 全国高考语文作文 篇一我与书的故事书是人类的良师益友，它陪伴着我度过了许多难忘的时光。我与书的故事始...
责任的高三作文800字【最新... 责任的高三作文800字 篇一责任的重要性责任是一种使命感和担当精神，是对自己和他人的承诺。对于高三学...
回到原点高考满分作文（最新4... 回到原点 高考满分作文 篇一走出误区，回到原点高考，是每个学生人生中的一次重要考试，也是一个人人都希...
浙江卷语文高考满分作文【精彩... 浙江卷语文高考满分作文 篇一：《传统与创新的融合》传统与创新一直是人们对于文化发展的两个关键词。传统...
高三作文生命是宝贵（实用6篇... 高三作文生命是宝贵 篇一生命是宝贵生命是宝贵的，它是我们存在于世界上的根本，无论是人类还是其他生物，...
全国各地高考语文作文汇总完整... 全国各地高考语文作文汇总完整版 篇一高考语文作文是考生们表达自己观点和思想的重要途径，也是考察他们语...
高考优秀范文及解析（实用6篇... 高考优秀范文及解析 篇一：如何提高高考英语作文得分高考英语作文是考生最容易失分的部分之一，但只要掌握...
浙江高考的状元总分为723理... 浙江高考的状元总分为723理综满分 篇一近日，浙江省高考成绩出炉，一位学子以723分的总分夺得了状元...
高三开学通知模板范文5篇【优... 高三开学通知模板范文5篇 篇一高三开学通知亲爱的同学们：大家好！经过漫长的暑假，新的学年即将开始。在...
仰望的高三作文（精选3篇） 仰望的高三作文 篇一我的高三生活即将结束了，回想起这段时光，我不禁感慨万分。这是一个充满挑战和压力的...
高三励志语录【优质5篇】 高三励志语录 篇一高三，是每个学子都经历的一段艰辛而又充实的时光。在这个阶段，我们需要时刻保持积极向...
高考百日冲刺给高三学子的寄语... 高考百日冲刺给高三学子的寄语 篇一亲爱的高三学子们：大家好！现在距离高考只有不到百日的时间了，这段时...
弦歌不辍，薪火相传800字高... 弦歌不辍，薪火相传800字高三作文 篇一在历史的长河中，音乐一直扮演着重要的角色。它不仅是人类情感的...
给高三学生的寄语【优秀6篇】 给高三学生的寄语 篇一高三这一年对于每个学生来说都是非常关键的一年，不仅是升学的分水岭，更是决定未来...