Vue系統學習之大雜燴

1.實例就是new對象

2.vue掛載到作用域有兩種方式,兩者同時存在第一種優先

第一種：

new Vue({
    el:'body',
    data:{
        msg:"hello vue"
    },
    methods:{
        alert:function(){
        }
    }
})

第二種：

new Vue({
    data:{
        msg:"hello vue"
    },
    methods:{
        alert:function(){
        }
    }
}).$mount('body');

3.options方法

使用options方法可以獲取vue的自定義屬性跟正常屬性

比如

var v=new Vue(){
    el:'#div',
    test:'123'
};
console.log(v.$options.test);

4.$el方法獲取原生的dom對象

5.獲取data,log方法與data方法

v.$log()查看所有的data參數,該方法返回的是一個字符串
v.$data 也是查看data，該方法返回的是一個對象
所有v.$data.參數可以使用
v.$log().參數不可以

6.$destory銷燬

調用vue的destroy方法進行銷燬，銷燬後頁面正常顯示，所有的點擊事件等都不好使了，vue不再進行工作了

7.track-by 效率更快

無track-by情況：數據修改時，無論值是否被修改，dom都被重新渲染（控制檯可以看到）

加入track-by屬性：數據修改時，不變數據所在的dom不被重新渲染，已改變的數據所在dom才被重新渲染

<ul v-for="i in arr" track-by="$index">
</ul>

8.v-cloak 指令設置樣式

可以使用 v-cloak 指令設置樣式，這些樣式會在 Vue 實例編譯結束時，從綁定的 HTML 元素上被移除。