uniapp常用面试题

weiwei_zhang2020

已于 2025-05-09 13:23:51 修改

阅读量285

点赞数 1

CC 4.0 BY-SA版权

分类专栏： uni-app 文章标签： uni-app

于 2025-05-09 13:23:16 首次发布

本文链接：https://blog.youkuaiyun.com/weiwei_zhang2020/article/details/147819256

uni-app 专栏收录该内容

2 篇文章

订阅专栏

什么是uniapp？

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，
开发者编写一套代码，可发布到iOS、Android、Web（响应式）、
以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

uniapp是如何区别和定义页面?

uni-app 中的页面，通常会保存在工程根目录下的pages目录下。
.vue页面和.nvue页面，均全平台支持，差异在于当uni-app发行到App平台时，
.vue
文件会使用webview进行渲染，
.nvue
会使用原生进行渲染，详见:nvue原生渲染。

关于uniapp的生命的周期

uniapp中的组件 
	1. 不是在pages目录下新建的.vue文件
	2. 一般通常会把项目中的组件放在components这个目录中 这个目录里面的.vue文件只具备组件的生命周期
    pages目录下.vue文件不仅有页面的生命周期 同时也有组件生命周期
    3.部分页面生命周期
    	onLoad ==> 第一次进入页面所执行的生命周期
		使用场景: 
				(1)会接收页面的参数 (2)请求接口
		onShow ==> 每一次进入页面所执行的生命周期
		onReady ==> 页面初次渲染完成 可以获取dom元素

uniapp的页面跳转

uni.navigateTo(OBJECT) ==> 保留当前页面，跳转到应用内的某个页面
uni.redirectTo(OBJECT) ==> 关闭当前页面，跳转到应用内的某个页面
uni.reLaunch(OBJECT) ==> 关闭所有页面，打开到应用内的某个页面
uni.switchTab(OBJECT) ==> 跳转到 tabBar 页面，并关闭其他所有非tabBar 页面
uni.navigateBack(OBJECT) ==> 关闭当前页面，返回上一页面或多级页面。
    可通过getCurrentPages()获取当前的页面栈，决定需要返回几层

页面之间跳转传值

A页面:传
uni.navigateTo({
url:`/pages/search/search?key=${this.key}&id=111`
})
B页面:接
onLoad( options ) {
this.keyName = options.key