Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串
2023-09-27 14:23:25 时间
/** == 用于比较两者是否相等,忽略数据类型 === 用于更严谨的比较,值和值的数据类型都需要同时比较 */
<!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>
结果:
/** 数字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 快速入门系列】解读MVVM模型、数据代理
- Vue.js:使用v-model创建一组复选框
- vue.js:子组件访问父组件parent-root笔记
- vue.js:v-model的使用和原理
- vue.js v-bind动态绑定style对象语法
- vue.js组件中的数据
- Vue学习笔记之moment.js日期处理控件
- vue项目js实现图片放大镜功能
- Vue.js学习笔记(一)
- 解析Vue.js中的computed工作原理
- 【实战】Vue Element+Node.js开发企业通用管理后台系统——Vue进阶(下)
- 【笔记】Vue Element+Node.js开发企业通用管理后台系统——电子书上传功能开发
- vue时间格式处理(YYYY-MM-DD HH:mm:ss)moment.js,神器你知道吗?
- Vue.js 2.x笔记:路由Vue Router(6)
- Vue.js 2.x笔记:表单绑定(3)
- VirtualDOM与diff (vue.js 实现)
- vue.js 事件机制
- 基于Vue 2.0高仿 <今日头条> 单页应用。
- Vue.js学习笔记
- Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)
- Vue.js学习系列四——Webpack打包工具的使用(装修中……)