vue day1

1、什麼是vue
    是一個mvvm模型的js框架(m--->model v-->view)
    model本質上來講就是數據
    view就是視圖（及最終展示給客戶的頁面）

    mv   model--->view(由數據驅動視圖)
    vm   view---->model(由視圖經過事件更新數據)



    特色是
        01.簡單上手容易
        02.比較的輕量級（相對於AngularJs、ReactJs...）
        03.組件齊全，文檔便於閱讀
2、vue的一些基本指令
    01->v-text  
        綁定標籤的內容,若是變量中有特殊字符，會進行轉義直接以字符串的形式輸出到標籤中
    02->v-html
        綁定標籤內容，變量中的內容不會進行轉義
    03->v-if
        v-if="value"
        value Boolean true/false
        控制元素的顯示與隱藏
    04->v-show
        控制元素的顯示與隱藏


        v-if（虛擬dom元素）和v-show有什麼區別？

    05->v-for  列表渲染
        01.渲染數組 v-for="item in arr"
        02.渲染對象 v-for="item in obj"

    06.v-bind
        1->爲標籤綁定屬性
            new Vue({
                el:".box",
                data:{
                    src:"img/1.jpg
                }
            })
            <img v-bind:src="src" />
        2->v-bind的簡寫形式
            <img :src="src" />
    07.v-bind綁定class類名
        <div :class=""></div>