vue实例及options小结

vue中咱们经过 new Vue()获得一个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打印结果以下
WechatIMG610.pngapp

源码中Vue构造函数,传入options做为参数,咱们实例化时传入的el,data,methods和一系列生命周期函数都是options对象的属性
WechatIMG611.png函数

相关文章
相关标签/搜索