uni-app(3)

uni-app中的数据绑定（采用vue的方式）

在页面中需要定义数据，和之前vue一模一样，直接在data中定义数据即可

v-bind和v-for的使用

v-bind可以缩写为“ ：”用法同vue中一样
v-for进行循环遍历，用法同vue中一样

注册事件

不传值，e就是事件本身，如果传了值，还需要事件本身，那么用$event代替事件本身

v-on:click="cilckHandle"

methods: {
            cilckHandle(e){
                console.log(e)
            }
        }


v-on:click="cilckHandle（20,$event）"
//事件方法
methods: {
            cilckHandle(a,e){
                console.log(a,e)
            }
        }

生命周期

1、应用的生命周期函数

onLaunch:初始化完成时触发，只运行一次，除非重新运行
onShow:从后台进入前台触发
onHide:从前台进入后台触发
onError:报错时触发

<script>
    export default {

        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        },
       //err是错误信息
        onError:function(err){
            console.log(err)
        }
    }
</script>

2、页面的生命周期

onLoad:监听页面加载，其参数为上个页面传来的数据，参数类型为object，用于页面传参
onShow:监听页面显示，页面每次出现在屏幕上都触发
onReady：监听页面初次渲染完成
onHide：监听页面隐藏
onUnload:监听页面卸载