EAIC前端mvvm框架
页面事件分为两类,一类是标准事件,包括页面的加载、卸载、数据改变,另一类是DOM事件,比如控件的onclick
加载事件
加载事件在页面被成功加载后触发,在页面代码的onLoad函数中处理加载事件。可以在加载事件中处理数据初始化、数据获取、数据转换等工作。
    <script>
        $.vm({
            data:{
                
            },
            event:{
                onLoad:function () {
                    //在这里处理页面的加载事件
                }
            }
        });
    </script>
    <style>
    //这里是页面样式定义
    </style>
    <page-template>
    //这里是页面的html结构
    </page-template>
卸载事件
卸载事件在页面即将被卸载时触发,在页面代码的onUnload函数中处理卸载事件。卸载事件中主要处理页面的清理工作。
    <script>
        $.vm({
            data:{
                
            },
            event:{
                onUnload:function () {
                    //在这里处理页面的卸载事件
                }
            }
        });
    </script>
    <style>
    //这里是页面样式定义
    </style>
    <page-template>
    //这里是页面的html结构
    </page-template>
数据改变事件
数据改变事件在页面数据被改变时触发,可以利用此事件监听数据的变化而做出相应的处理。
    <script>
        $.vm({
            data:{
                
            },
            event:{
                onDataChange:function () {
                    //在这里处理页面的数据改变事件
                }
            }
        });
    </script>
    <style>
    //这里是页面样式定义
    </style>
    <page-template>
    //这里是页面的html结构
    </page-template>