首页 > 其他分享 >Vue 2x 系列之(三)模板语法

Vue 2x 系列之(三)模板语法

时间:2024-02-28 12:56:25浏览次数:24  
标签:Vue 标签 xxx 2x 语法 模板 表达式

模板语法

容器里的代码被称为【Vue模板】,模板语法就是指模板的代码中可以写哪些Vue语法【类似:{{name}}】

插值语法:把指定的值放在指定的位置。

插值语法往往用于指定标签体内容。

指令语法:

Vue指令所在的属性值会作为JavaScript表达式执行

v-bind:用于给标签中的任意一个属性动态的绑定值【属性最终的值为将引号内的值作为JavaScript表达式执行后的结果,比如v-bind:age="1+1",age属性最终的值为将引号内的值(1+1)作为JavaScript表达式执行后的结果,也就是2】。 可以简写为“:”。

Vue模板语法有2大类:
	1.插值语法:
			功能:用于解析标签体内容。
			写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性,插值语法要求双括号的内容必须要有返回值,注:赋值表达式也是有返回值的,如 {{name = 1}}。
	2.指令语法:
			功能:用于解析标签(包括:标签属性、标签体内容、绑定事件.....)。
			举例:v-bind:href="xxx" 或  简写为 :href="xxx",xxx同样要写js表达式,
					 且可以直接读取到data中的所有属性。
			备注:Vue中有很多的指令,且形式都是:v-????,此处我们只是拿v-bind举个例子。

标签:Vue,标签,xxx,2x,语法,模板,表达式
From: https://www.cnblogs.com/wzzzj/p/18039941

相关文章

  • Vue 2x 系列之(一)简介
    Vue简介1.Vue是什么?一套用于构建用户界面的渐进式JavaScript框架。​ 构建用户界面:将拿到的数据通过某种办法变成用户可以看到的界面。​ 渐进式:从一个轻量而又小巧的核心库逐渐递进到使用各式各样的Vue插件库【Vue可以自底向上逐层的应用】2.谁开发的?React、Angular3.......
  • SpringBoot 2x 系列之(七)web场景
    web场景1.SpringMVC自动配置概览SpringBootprovidesauto-configurationforSpringMVCthatworkswellwithmostapplications.(大多场景我们都无需自定义配置)Theauto-configurationaddsthefollowingfeaturesontopofSpring’sdefaults:InclusionofCont......
  • SpringBoot 2x 系列之(五)开发技巧
    开发技巧1.Lombok1.应用场景简化JavaBean的开发帮我们在编译时生成get、set、toString方法2.安装及使用引入依赖【SpringBoot已经做了版本仲裁】<dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></depende......
  • SpringBoot 2x 系列之(四)自动配置
    自动配置1.引导加载自动配置类见SpringBoot1.md一、SpringBoot入门4.2主程序类,主入口类【自动配置原理】1.1@SpringBootConfiguration见SpringBoot1.md一、SpringBoot入门4.2主程序类,主入口类【自动配置原理】[email protected]@AutoConfi......
  • SpringBoot 2x 系列之(三)容器功能
    容器功能1.组件添加1.1@Configuration结合@Bean注册组件@Configuration见[email protected]@Component、@Controller、@Service、@Repository见Spring.md相关内容1.3@ComponentScan见[email protected]@Import见Spring.md8.......
  • SpringBoot 2x 系列之(二)SpringBoot特点
    SpringBoot特点1.依赖管理特性SpringBoot已经为我们做了版本仲裁,那么如果我们要修改已经做了版本仲裁的依赖,比如mysql驱动的依赖,该怎么做呢?查看spring-boot-dependencies里面规定的当前依赖版本用的properties属性在当前项目里面重新配置<properties><mysql.versi......
  • SpringBoot 2x 系列之(一)基础入门
    基础入门课程规划1.时代背景响应式编程解决的问题:如何使用少量资源编写一个极高吞吐量、能承担大并发的应用响应式应用:占用少量的资源(线程)处理大量的并发springboot:整合spring整个生态圈的一站式框架​ 高层框架,底层是SpringFrameworkSpring:1)从微观角度说Spring指Spri......
  • Vue多环境配置
    VUE项目使用.env配置多种环境本文来源:VUE项目使用.env配置多种环境_.env.prod-CSDN博客作者:櫆溟-CSDN博客在Vue项目中,可以使用.env文件配置全局环境变量,就如同SpringBoot项目的application文件一样第一步,创建多个环境配置文件.env文件是默认的全局配置环境,无论是什么环境都会......
  • ssts-hospital-web-master项目实战记录二十七:项目迁移-Vue项目与模型数据有关的问题
    记录时间:2024-02-28一、准备工作【使用“文心一言”搜索】Vue项目,推荐与模型数据有关的问题当然,以下是与Vue项目中模型数据相关的一些推荐问题:模型数据应该存储在哪里?考虑到数据的大小、敏感性和使用频率,我应该将模型数据存储在客户端、服务器端还是两者都存储?对于存储在......
  • Vue3学习(二十)- 富文本插件wangeditor的使用
    写在前面学习、写作、工作、生活,都跟心情有很大关系,甚至有时候我更喜欢一个人独处,戴上耳机coding的感觉。明显现在的心情,比中午和上午好多了,心情超棒的,靠自己解决了两个问题:新增的时候点击TreeSelect控件控制台会给出报错分类新增和编辑时,报错父类和电子书iD不能为空的问题......