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:监听页面卸载