模板语法之插值语法{{}}——01

news2024/9/23 21:30:08

<主要研究:{{ 这里可以写什么}}

1.在data中声明的变量函数都可以

2.常量

3.只要是合法的JavaScript的表达式,都可以

4. 模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 Math 和 Date

<body>

<div id ='app'>

//在data中声明

//这里就可以看做msg的变量

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

<h1>{{sayHello}}</h1>

//常量

<h1>{{100}}</h1>

<h1>{{'qweeee'}}</h1>

<h1>{{3.1415926}}</h1>

//JavaScript表达式

<h1>{{1+1}}</h1>

<h1>{{'qwer' + 'vue'}}</h1>

<h1>{{msg+1}}</h1>

<h1>{{‘msg’+1}}</h1> //等于msg1

<h1>{{gender ? '男' : ‘女’}}</h1>

<h1>{{‘Nu’+1}}</h1>

<h1>{{Nu +1}}</h1> //等于2

<h1>{{var i = 100}}</h1> //写法错误

//在白名单内

<h1>{{Date}}</h1>

<h1>{{Math}}</h1>

</div>

<script>

new Vue ({

el : 'app',

data:{

Nu;1

mag:'qwertyuio' //为了方便沟通,叫msg叫做变量(这行代码可以看做是变量的声明)

sayHello : function () {

console.log ( 'zxccvvvbn');

}

}

} )

</script>

</body>

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

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

相关文章

进程间的通信--管道

文章目录 一、进程通信的介绍1.1进程间为什么需要通信1.2进程如何通信 二、管道2.1匿名管道2.1.1文件描述符理解管道2.1.2接口使用2.1.3管道的4种情况2.1.4管道的五种特征 2.2管道的使用场景2.2.1命令行中的管道2.2.2进程池 2.命名管道2.1.1原理2.2.2接口2.2.3代码实例 一、进程…

网络编程:各协议头(数据报格式)

一、mac头 二、ip头 protocol——tcp/udp &#xff08;7&#xff09;TTL——生存时间 三、tcp头 四、udp头

最新2023年行政区划、路网、土壤质地矢量数据

行政区划矢量数据是指用矢量格式表示的地理信息系统&#xff08;GIS&#xff09;数据&#xff0c;其中包含了行政区域的边界信息&#xff0c;如国家、省份、城市、区县、乡镇甚至村级的界限。这些数据通常以点、线、面的几何图形来表示具体的地理实体&#xff0c;并且每个实体都…

傅里叶级数的3D表示 包括源码

傅里叶级数的3D表示 包括源码 flyfish 傅里叶级数的基本形式 &#xff1a; y ( t ) ∑ n 1 , 3 , 5 , … N 4 A n π sin ⁡ ( n π T t ) y(t) \sum_{n1,3,5,\ldots}^{N} \frac{4A}{n\pi} \sin\left(\frac{n\pi}{T} t\right) y(t)n1,3,5,…∑N​nπ4A​sin(Tnπ​t) 其中&…

python爬虫基础入门

步骤 获取网页内容&#xff1a; http请求 python的Requests库 解析网页内容 html网页结构 python的Beautiful Soup库 储存或分析数据 储存进数据库 作为ai分析的数据 转化为图表显示出来 DDoS攻击 通过给服务器发送海量高频请求&#xff0c;大量消耗网页资源&#…

548M高精度全球国界数据

我们在《2024版有审图号的SHP行政区划》一文中为你分享过全国行政区划&#xff0c;现在再为你分享一份高精度的全球国界数据。 如果你需要该全球国界数据&#xff0c;请在文末查看该数据的领取方法。 548M全球国界数据 数据来源于GADM&#xff0c;全称Database of Global Ad…

51.通过获取数据快速实现一个辅助

上一个内容&#xff1a;50.破坏性更小的代码跳转功能完善&#xff08;无敌秒杀&#xff09; 原理是&#xff1a;找一个现成的辅助&#xff0c;使用PCHunter工具看现成辅助对目标游戏做了那些hook操作&#xff0c;然后再使用Ollydbg.exe工具分析现成辅助为何这样做。 下图左边…

图论---无向图中国邮路的实现

开始编程前分析设计思路和程序的整体的框架&#xff0c;以及作为数学问题的性质&#xff1a; 程序流程图&#xff1a; 数学原理&#xff1a; 本质上是找到一条欧拉回路&#xff0c;考虑图中的边权重、顶点的度数以及如何通过添加最少的额外边来构造欧拉回路&#xff0c;涉及到欧…

「媒体邀约」上海请媒体的费用

传媒如春雨&#xff0c;润物细无声&#xff0c;大家好&#xff0c;我是51媒体网胡老师。 上海无疑是最具活动的城市之一&#xff0c;各种大大小小的论坛、发布会、展览展会应接不暇&#xff0c;那么在上海做活动想邀请媒体进行宣传报道&#xff0c;需要多少费用呢&#xff1a;…

Outlook邮件提醒通知功能详解:设置教程!

Outlook邮件提醒通知使用指南&#xff1f;如何个性设计邮件通知&#xff1f; 为了帮助用户更好地管理邮件&#xff0c;Outlook提供了强大的邮件提醒通知功能。AokSend将详细介绍如何设置和使用Outlook邮件提醒通知功能&#xff0c;以提高工作效率和管理时间的能力。 Outlook邮…

昇思25天学习打卡营第12天|应用实践之基于MindSpore通过GPT实现情感分类

基本介绍 今天的应用实践是基于MindSpore通过GPT实现情感分类&#xff0c;这与之前的使用BERT模型实现情绪分类有异曲同工之妙&#xff0c;本次使用的模型是OpenAI开源的GPT&#xff0c;数据集是MindNLP内置的数据集imdb。我们将会使用该数据集对GPT进行训练&#xff0c;然后进…

鲁棒控制器设计方法:systune,hinfsyn,musyn,slTuner

systune和hinfsyn更侧重于基于数学模型的控制器设计&#xff0c;而musyn则特别考虑了系统的不确定性。slTuner则提供了在Simulink环境中进行控制器设计和调整的能力。 指定结构的控制器整定&#xff1a;systune, hinfstruct广义控制对象整定&#xff1a;musyn, mixed musyn, h…

LabVIEW自动测控与故障识别系统

使用LabVIEW 2019在Win10 64位系统上开发自动测控软件&#xff0c;通过与基恩士NR-X100数据采集仪通讯&#xff0c;实时采集和分析数据&#xff0c;自动识别判断产品是否合格&#xff0c;并增加数据记录和仿真功能。 具体解决方案&#xff1a; 1. 系统架构设计 硬件接口&#…

设计模式之工厂模式(简单工厂、工厂方法、抽象工厂)

写在前面&#xff1a;本文是个人在学习设计模式时的所思所想&#xff0c;汇总了其他博主及自己的感悟思考&#xff0c;可能存在出入&#xff0c;请大家理性食用~~ 工厂模式 在工厂模式中&#xff0c;父类决定实例的生成方式&#xff0c;但并不决定所要生成的具体的类&#xf…

带你了解“Java新特性——模块化”

Java平台从Java 8向Java 9及更高版本的进化&#xff0c;其中引入了一个重要的新特性——模块系统&#xff08;Project Jigsaw&#xff09;。模块系统的目的是解决大型应用的依赖管理问题&#xff0c;提升性能&#xff0c;简化JRE&#xff0c;增强兼容性和安全性&#xff0c;并提…

求整数数组的子集【C语言】

方法1&#xff1a;通过二进制位&#xff0c;因为n个整数数组的子集有2的n次方个&#xff0c;例如整数数组为{1,2,3},子集有2的3次方&#xff0c;8个&#xff1b; 期望的输出形式 其中需要了解关注的是 n&1判断最低位是否有数。如果一个子集为{2}&#xff0c;利用二进制位…

C++初阶:类与对象(一)

✨✨所属专栏&#xff1a;C✨✨ ✨✨作者主页&#xff1a;嶔某✨✨ 类的定义 定义格式 • class为定义类的关键字&#xff0c;后面跟类的名字&#xff0c;{}中为类的主体&#xff0c;注意类定义结束时后⾯分号不能省略。类体中内容称为类的成员&#xff1b;类中的变量称为类的…

2024最新PyCharm下载安装

&#xff08;1&#xff09;打开官网&#xff1a;https://www.jetbrains.com/ &#xff08;2&#xff09;点击pycharm &#xff08;3&#xff09;进入后点击下载按钮 &#xff08;4&#xff09;此时有两个选择&#xff1a;有专业版和社区版 PyCharm有专业版&#xff08;Prof…

zynq启动和程序固化流程

普通FPGA启动 FPGA的启动方式主要包含主动模式、被动模式和JTAG模式。 主动模式&#xff08;AS模式&#xff09; 当FPGA器件上电时&#xff0c;它作为控制器从配置器件EPCS中主动发出读取数据信号&#xff0c;并将EPCS的数据读入到自身中&#xff0c;实现对FPGA的编程。这种…

公众号运营秘籍:8 大策略让你的粉丝翻倍!

在当今信息爆炸的时代&#xff0c;微信公众号的运营者们面临着前所未有的挑战&#xff1a;如何在这个充满竞争的红海中脱颖而出&#xff0c;吸引并留住粉丝&#xff1f;事实上&#xff0c;微信公众号的红利期并未完全过去&#xff0c;关键在于我们如何策略性地运营&#xff0c;…