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对象的属性