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

Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别

时间:2022-10-19 16:25:46浏览次数:57  
标签:vue -- text 数据类型 js Vue

/**

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

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

*/
<!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,--,text,数据类型,js,Vue
From: https://www.cnblogs.com/JetpropelledSnake/p/16806680.html

相关文章

  • Vue组件是怎样挂载的
    我们先来关注一下$mount是实现什么功能的吧:我们打开源码路径core/instance/init.js:exportfunctioninitMixin(Vue:Class<Component>){......initLifec......
  • Vue模板是怎样编译的
    这一章我们开始讲模板解析编译:总结来说就是通过compile函数把tamplate解析成renderFunction形式的字符串compiler/index.jsimport{parse}from'./parser/index'imp......
  • JSTL标签库
    JSTL标签  1  分类  共有以下几种:核心标签库(c标签库)//常用,熟练运用xml标签库(x标签库)//操作xml,但是一般在dao层做,不用了解sql标签库(sql标......
  • [RxJS] mergeMap
    Mapsvaluestoanewobservableonemissionfromsource,subscribingtoandemittingresultsofinnerobservablesBydefaultmergeMapdoesnotlimitthenumbe......
  • Vue学习笔记之el-date-picker组建时间格式化方式
    <el-date-pickersize="small"v-model="editData.startTime"type="datetime"placeholder="选择日期时间"value-format="yyyy-MM-ddHH:mm:ss"format="yyyy-MM-ddHH:......
  • Vue3学习笔记(二)——组合式API(Composition API)
    一、常用CompositionAPI官方文档:https://v3.cn.vuejs.org/guide/composition-api-introduction.html组合式API(CompositionAPI)是一系列API的集合,使我们可以使......
  • vue项目打包时让版本号递增,并展示在页面上
    process.env.NODE_ENV:uat/prod//version.json{"prod":"2.1.4","uat":"1.2.6"}constfs=require("fs");letpackageJson=require("./src/config/version.json"......
  • vue源码分析-响应式系统工作原理
    上一章,我们讲到了Vue初始化做的一些操作,那么我们这一章来讲一个Vue核心概念响应式系统。我们先来看一下官方对深入响应式系统的解释:当你把一个普通的JavaScript对象传......
  • vue源码分析-动态组件
    前面花了两节的内容介绍了组件,从组件的原理讲到组件的应用,包括异步组件和函数式组件的实现和使用场景。众所周知,组件是贯穿整个Vue设计理念的东西,并且也是指导我们开发的......
  • Vue学习笔记之Element-UI表单校验中的多层嵌套处理
    0x00概述本文主要记录VUE页面Element-UI表单校验中的多层嵌套处理。 0x01Element-UI表单校验中多层嵌套<el-row:gutter=20class="with-bg"v-for="(product,idx......