首页 > 其他分享 >Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串

Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串

时间:2022-10-30 11:39:17浏览次数:71  
标签:vue 数字 -- 数据类型 js var Vue 字符串 true

vue javascript 等号 == === 数字0 空字符串

/**

== 用于比较两者是否相等,忽略数据类型

=== 用于更严谨的比较,值和值的数据类型都需要同时比较

*/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<body>

<div id="app">
<div v-if="text ==1 ">
1--值一样,类型不同,两个等号显示
</div>
<div v-if="text ===1 ">
2--值一样,类型不同,三个等号不显示
</div>
<div v-if="text ==='1' ">
3--值一样,类型同,三个等号显示
</div>

</div>

<script type="text/javascript">

/* text:"1" 这里的1是个字符串 */
var vm = new Vue({
el:"#app",
data:{
text:"1"
}

});
</script>
</body>
</html>

结果:

Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串_空字符串

/**

数字0和空字符串

以下是数字和字符串隐试转换规则:

1、任何非零的数为true,0为false。

2、字符串来说任何非空字符串为 true,空字符串为false

3、再用==比较时会把"" 先转成0 在比较

*/
var aa = ''
var bb = 0
if(aa==bb){
console.log(true)
}else{
console.log(false)
}
true



标签:vue,数字,--,数据类型,js,var,Vue,字符串,true
From: https://blog.51cto.com/u_13597899/5807462

相关文章

  • Vue学习笔记之loading
    1、在提交按钮上加入         :loading="loading"(注意前面有冒号)2、在return下加入          loading: false,先声明一下3、在刚进......
  • Vue学习笔记之Element-UI表单校验中的多层嵌套处理
    VUErules多层嵌套0x00概述本文主要记录VUE页面Element-UI表单校验中的多层嵌套处理。 0x01Element-UI表单校验中多层嵌套<el-row:gutter=20c......
  • JS之循环发送请求代码优化
    需求:将数组中的值作为参数,循环调用新增接口实现批量导入功能。因为接口调用有时间间隔限制,避免误操作,所以需要设置接口请求的间隔时间。原代码如下:constrecursive=(arr,......
  • js数据处理4
    <template><ModuleBox2title="数据趋势图"bgType="2":cityShow="true"moduleType="sjqs":styleObj="styleObj"><divclass="echarts-box">......
  • js获取当前日期的前七天
    //获取当前日期的前7天getDays(){letoneDay=24*60*60*1000letendTime=newDate(Date.now()-oneDay)endTime=this.formatterDate(en......
  • js一键切换dark模式
    js一键切换dark模式//初始化$(function(){lettheme=$.cookie('theme');if(theme=="dark"){$("body").addClass('dark');$("#theme").addClass('......
  • 如何从零开发Vue,vue环境安装。
    1.首先去官网下载安装包​​https://nodejs.org/en/​​2.安装下载包。直接下一步下一步就行了。我这里安装在了D盘    D:\ProgramFiles\nodejs这个目录3.进入安......
  • 使用Three.js 心得系列一 如何创建三维网格三、使用Three.js 心得系列三 Three.js 如
    一、使用Three.js心得系列一如何创建三维网格二、使用Three.js心得系列二如何改变三维场景的GlTF模型的位置三、使用Three.js心得系列三Three.js如何加载GlTF文件 ......
  • Vue3中 响应式 API ( readonly、shallowReadonly、toRaw、markRaw ) 详解
    ​​传送门:Vue3中响应式API(reactive、ref、toRef、toRefs)详解​​传送门:Vue3中响应式API(shallowReactive、shallowRef、triggerRef、customRef)详解1.readonly......
  • 什么是Json,如何使用?
    JavaScriptObjectNotation:javascript的对象表示法。这是一种能传递对象的语法,可以是键值对,数组,以及其他对象。轻量级的数据传输方法。json格式:{key:{key:[{......