vue實例及options小結

vue中咱們經過 new Vue()獲得一個vue實例

//一個類似的例子
        function Man(options){
            //對屬性的一系列操做
        }
    //lisi是構造函數Man實例化的對象
        let lisi=new Man({name:'lisi',age:'20',gender:'男'})

        //用vue的構造函數Vue實例化一個對象 vm
        //傳入options對象做爲參數
        let vm=new Vue({//options對象
            el:"#myapp",
            data:{
               
            },
            methods:{
               
            },
            beforeCreate() {
                console.log('beforeCreate')
            },
        })

        console.log(vm.$options)//打印出來包括 el data methods beforecreate 等對象屬性

$options打印結果以下

源碼中Vue構造函數，傳入options做爲參數，咱們實例化時傳入的el,data,methods和一系列生命週期函數都是options對象的屬性