uni-app的基础组件应用
什么是组件?
类似HTML里的标签元素;是视图层的基本组成单元。
**.vue文件:**
1. 是自定义的文件类型,类 html 语法描述的一个vue
2. 三部分组成
-template 视图层 组件
-script 逻辑层
-style 样式层
3.常用基础组件
-view --》div 容器组件
-text --》span 文字组件
-image --》img 图片组件
uni-app的生命周期详解
1.应用生命周期: 在App.vue配置应用生命周期
onlanch在整个应用中只触发一次(登录功能)
从浏览器切换到hbuilderx中出发onhide事件,从HBuilderX切换到浏览器中处罚的是onshow事件(时间记录)
2.页面生命周期
<script>
export default {
data() {
return {
title: 'Hello'
}
},
// 页面加载
onLoad(e) { //页面初始化时
console.log('page onload')
//传参
//请求接口操作
//渲染前
},
// 页面渲染完成
onReady() {
console.log('page onready')
//获取节点信息
},
// 页面显示
onShow() {
console.log('page onshow')
},
// 页面隐藏
onHide() {
console.log('page onhide')
},
// 页面卸载
onUnload() {
console.log('page onunload')
},
methods: {
}
}
</script>
uni-app路由
<!-- 组件 页面跳转 -->
<navigator url="../index2/index2">组件跳转</navigator>