提高代码可读性

在实际开发中，随着代码量的增多，都在return 对象中添加方法，会导致代码可读性变差，看起来有点混乱。为了改善这种状况，我们在return 对象上封装了3个属性,$data、$hook、$methods。

$data 可以存储自定义属性 $hooks 可以放置原有的钩子方法 $methods 可以放置自定义方法例如:

(function(){
    return {
        name:'',
        properties:null,
        onInit(properties){
          this.properties=properties;
          this.init();
        },  
        onDestroy(){
            console.log('销毁')
        },
        setData(value){
            this.name=value;
        },
        init(){
          console.log('初始化')
        }
    }
})

可以将上面的方法重写成下面的样子：

(function(){
    var demoText=document.querySelector('#__visroot__ .demo_text')
    return {
        $data:{
            name:'',
            properties:null
        },
        $hooks:{
            onInit(properties){
              this.properties=properties;
              this.init();
            },  
            onDestroy(){
                console.log('销毁')
            },
            setData(value){
               this.name=value;
            }
        },
        $methods:{
            init(){
                console.log('初始化')
            }
        }
    }
})

以上两种形式是等效的。