VUE.js(一)——實例化

通過new創造一個實例:

var vm = new Vue({
    el:,    //div的id
    data:{
        //定義數據對象的屬性
    },
    methods:{
        //定義函數,return返回
    }
    
})

雙大括號{{}}用於輸出對象屬性核函數返回值,外層表示JS語句,內層添加的大括號表示裏面的內容是變量。

Vue提供的實例屬性以及方法都有前綴$,與我們自己定義的區分開來。

(*注)computed和methods的區別:每次頁面渲染時methods都會執行,而computed是基於依賴緩存的,只有當依賴發生改變時纔會進行更新。

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