模板语法指令语法——02

//指令语法:

1.什么是指定,有什么作用?

指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式的作用语DOM

2.vue框架中的所有指令的名字都以v-开始的

3.插值是写在标签当中用的,指令写在

vue框加所有的指令都以Html 标签的属性的形式存在的,

例如:<span 指令写 在这 >{{这里是插值语法的位置}}</span>

注意:虽然指令是写在标签的属性位置上,但是这个命令浏览器是无法看懂的,是 需 要先让vue框架进行编译,编译之后的内容都是浏览器可以看到的

4.指令的语法规则

指令的一个语法格式

<HTML 标签 v-指令名:参数 = “表达式”></HTML>

表达式,之前在插值语法中{{这里可以写什么}},那么指令中的表达式就可以写什么,实际上是一模一样的。但是需要注意的是,在指令中的表达式位置不能再外层添加{{}}

不是所有的指令都有参数和表达式

有的指令,不需要参数,也不需要表达式 例:v-once

有的指令,不需要参数,但是需要表达式,例 :v-if = “表达式”

有的指令,既需要参数,也需要表达式 例: v-bind : 参数 = “表达式”

  1. v-once指令

作用:只渲染元素一次,随后重新渲染,元素及其所有的子节点将被现为静态内存并跳过,这可以用于优化更新性能

  1. v-if = "表达式"指令

作用:表达式的执行结果需要一个布尔类型的数据: true或者 false

true:这个指令所在的标签会被渲染到浏览器当中去

false:这个指令所在的标签不会被渲染到浏览器当中去

<body>

<div id ='app'>

<h1>{{msg}}</h1/>

<h1 v-once> {{msg}} </h1>

<h1 v-if="a>b">测试:{{msg}} </h1>

</div>

<script>

new Vue ({

el : '#app'

data(){

msg : ' qwert'

a : ' 20'

b : ' 21'

}

})

</scirpt>

</body>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/45184.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

WSGI 服务器教程:`execute` 方法解析

Python WSGI 服务器教程&#xff1a;execute 方法解析 在本文中&#xff0c;我们将详细解析一个用于 WSGI 服务器的 execute 方法。这个方法负责执行 WSGI 应用程序&#xff0c;处理其响应数据&#xff0c;并确保在应用程序执行过程中处理所有必要的清理工作。我们将逐行解释该…

uniapp启动图延时效果,启动图的配置

今天阐述uniapp开发中给启动图做延迟效果&#xff0c;不然启动图太快了&#xff0c;一闪就过去了&#xff1b; 一&#xff1a;修改配置文件&#xff1a;manifest.json "app-plus" : {"splashscreen" : {"alwaysShowBeforeRender" : false,"…

编程语言前途:探索未来的无限可能

编程语言前途&#xff1a;探索未来的无限可能 在科技日新月异的今天&#xff0c;编程语言作为连接人类与计算机世界的桥梁&#xff0c;其前途无疑是充满无限可能与挑战的。本文将从四个方面、五个方面、六个方面和七个方面&#xff0c;深入剖析编程语言的前途&#xff0c;带您…

vivado EDIF_EXTRA_SEARCH_PATHS、EQUALIZATION

EDIF_EXTRA_SEARCH_PATHS 此属性定义了Vivado Design Suite在当前文件集上的搜索路径&#xff0c;以 查找设计引用的EDIF文件。 提示&#xff1a;当Vivado设计套件无法执行以下操作时&#xff0c;在实现过程中会出现以下错误 定位与黑盒关联的EDIF网表。这可以通过定义 EDIF_EX…

法律咨询援助网站

1 项目介绍 1.1 摘要 随着互联网技术的飞速发展&#xff0c;公众对于便捷、高效的法律咨询服务需求日益增长。传统的法律咨询方式已难以满足人们即时性、多样化的咨询需求&#xff0c;促使法律咨询援助网站应运而生。这些平台旨在通过数字化手段&#xff0c;为用户提供法律知…

【TS】Typescript 的泛型

TypeScript 的泛型&#xff08;Generics&#xff09;是 TypeScript 的一个非常强大的特性&#xff0c;它允许你在编译时定义组件&#xff0c;这些组件可以工作于多种类型的数据上。泛型可以创建可重用的组件&#xff0c;这些组件是独立于任何特定类型的。这意味着你可以编写灵活…

apache:the requested operation has failed使用httpd -t

Apache24\bin cmd 回车 httpd -t 因为我重新压缩了&#xff0c;记住&#xff0c;重新压缩要使用原路径&#xff0c; 因为你安装的 时候使用的是原路径 还是不行就改个端口&#xff0c;切记修改配置文件httpd.conf先把Tomcat停了 Define SRVROOT "F:\Apache\Apache24&q…

C++类和对象学习笔记

1.类的定义 1.1类定义的格式 class是定义类的关键字&#xff0c;Date为类的名字&#xff0c;{ }中为类的主体&#xff0c;注意定义类结束时后面的分号不能省略。类中的内容称为类的成员&#xff1b;类中的变量称为类的属性或成员变量&#xff1b;类中的函数称为类的方法或者成…

自定义枚举对象序列化规则: 在Json中以枚举的code值表示枚举;枚举序列化时,新增枚举描述字段;String到IEnum的转换

文章目录 引言I 案例分析1.1 接口签名计算1.2 请求对象1.3 枚举对象序列化1.4 创建JavaTimeModule以支持Java 8的时间日期类型序列化和反序列化1.5 请求对象默认值处理II 在JSON中以枚举的code值来表示枚举的实现方式2.1 自定义toString方法返回code2.2 使用@JsonValue注解,只…

adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例(Ⅱ)formConfig基础配置项

adminPage-vue3依赖FormPage说明文档&#xff0c;表单页快速开发&#xff0c;使用思路及范例&#xff08;Ⅱ&#xff09;formConfig配置项 属性: formConfig&#xff08;表单项设置&#xff09;keylabelnoLabeldefaultValuebindchildSlottypeString类型数据&#xff08;除 time…

IntelliJ IDEA 2024.1.4最新教程!!直接2099!!爽到飞起!!

IntelliJ IDEA 2024.1.4最新破解教程&#xff01;&#xff01;直接2099&#xff01;&#xff01;爽到飞起&#xff01;&#xff01;【资源在末尾】安装馆长为各位看官准备了多个版本&#xff0c;看官可根据自己的需求进行下载和选择安装。https://mp.weixin.qq.com/s/Tic1iR_Xc…

C语言:高级并发操作(线程)

一、线程的概念 线程&#xff1a;进程中的一个实体&#xff0c;是CPU调度和分派的基本单位。线程自己基本上不拥有系统资源&#xff0c;只拥有一点在运行中必不可少的资源&#xff08;如程序计数器、一组寄存器和栈&#xff09;&#xff0c;但它可以与同属一个进程的其他线程共…

前端文件下载的方式

方式一&#xff1a;a标签直接下载 <a href"链接" >下载</a>一个文件链接&#xff08;一般是服务器上的某个文件&#xff09;&#xff0c;这个链接一般地址栏输入是预览&#xff0c;不是附件下载 如果想改成附件下载&#xff0c;以下两种方式任选一个均…

【鸿蒙学习笔记】关系型数据库概述

目录标题 关系型数据库的运行机制样例代码共通方法 DBUtilsIndex 代码效果 关系型数据库的运行机制 1、 关系型数据库对应用提供通用的操作接口&#xff0c;底层使用SQLite作为持久化存储引擎&#xff0c;支持SQLite具有的数据库特性&#xff0c;包括但不限于事务、索引、视图…

自建邮件服务器有哪些方法步骤与注意事项?

自建邮件服务器如何设置解析&#xff1f;邮件服务器怎么使用&#xff1f; 自建邮件服务器可以为个人或企业提供更多的灵活性和控制权&#xff0c;然而&#xff0c;这也是一个复杂且需要谨慎处理的任务。AokSend将探讨自建邮件服务器的基本方法步骤和需要注意的事项。 自建邮件…

数据库(mysql)忘记密码解决办法

步骤一&#xff1a;先停止数据库服务 [rootGGB ~]# systemctl stop mysql.service [rootGGB ~]# systemctl status mysql.service ● mysql.service - MySQL ServerLoaded: loaded (/etc/systemd/system/mysql.service; enabled; vendor preset: disabled)Active: fail…

逻辑回归(纯理论)

1.什么是逻辑回归&#xff1f; 逻辑回归是一种常用的统计学习方法&#xff0c;主要用于解决分类问题。尽管名字中包含"回归"&#xff0c;但它实际上是一种分类算法 2.为什么机器学习需要使用逻辑回归 1.二元分类 这是逻辑回归最基本和常见的用途。它可以预测某个事…

鸿蒙开发:Universal Keystore Kit(密钥管理服务)【HMAC(C/C++)】

HMAC(C/C) HMAC是密钥相关的哈希运算消息认证码&#xff08;Hash-based Message Authentication Code&#xff09;&#xff0c;是一种基于Hash函数和密钥进行消息认证的方法。 在CMake脚本中链接相关动态库 target_link_libraries(entry PUBLIC libhuks_ndk.z.so)开发步骤 生…

计算机SCI期刊,闭眼投,保证检索,命中率100%

一、期刊名称 Pervasive and Mobile Computing 二、期刊简介 期刊类型&#xff1a;SCI 学科领域&#xff1a;计算机 影响因子&#xff1a;3 中科院分区&#xff1a;3区 三、期刊简介 Pervasive and Mobile Computing Journal &#xff08;PMC&#xff09; 是一本高影响力…

基于前馈神经网络 FNN 实现股票单变量时间序列预测(PyTorch版)

前言 系列专栏:【深度学习:算法项目实战】✨︎ 涉及医疗健康、财经金融、商业零售、食品饮料、运动健身、交通运输、环境科学、社交媒体以及文本和图像处理等诸多领域,讨论了各种复杂的深度神经网络思想,如卷积神经网络、循环神经网络、生成对抗网络、门控循环单元、长短期记…