vue_04 vue的使用

（一）特性

在vue中設定的變量不能直接用在屬性的值中，必須用v-bind（簡寫：）來綁定變量，才能讀取變量中的值。
例子：

    <!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></title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
        <div id="app">
            <div v-bind:class="tag1">{{tag1}}</div>
            <div :class="tag2">{{tag2}}</div>
            <div :class="tag3">{{tag3}}</div>
        </div>
    <body>

    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                tag1:'vue',
                tag2:'to',
                tag3:'learn',
            }
        })
    </script>

    </html>

index4.png

在vue的判斷中，null、undefined、[ ] 、{}、' '、" "、0或 false或者空都是代表這false。

vue_04 vue的使用

（一）特性

推荐阅读更多精彩内容