vue.js 兩個等號 == 和三個等號 ===的區別

== 用於比較兩者是否相等,忽略數據類型。

=== 用於更嚴謹的比較,值和值的數據類型都需要同時比較。

例:

<!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>

結果: 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章