uni-app学习（二）

最新推荐文章于 2024-04-12 03:33:31 发布

安城倾目

最新推荐文章于 2024-04-12 03:33:31 发布

阅读量309

点赞数 1

分类专栏：前端文章标签：学习 linq wpf

本文链接：https://blog.csdn.net/yshjvc/article/details/125015482

版权

这篇博客探讨了uni-app的生命周期，包括部分周期函数的注释和页面跳转。此外，还详细介绍了如何进行图片上传、创建自定义组件以及实现子父组件间的通信。同时，讲解了flex布局的使用，帮助理解弹性布局的定义方式。

摘要由CSDN通过智能技术生成

uni-app生命周期

部分周期函数以及注释，以及页面跳转和信息读取在后台显示以及控制台读取

<template>
	<view>
		生命周期函数
		<view v-for="(item,index) in list" :key="index">
			{
  {item}}
		</view>
		<!-- 数据读取 -->
		<button @click="saveInfo">登录</button>
		<button @click="getInfo">取出</button>
		<button @click="delName">删除本地信息</button>
		<!-- 页面跳转 -->
		<button @click="todemo()">跳转到非tabbar页面</button>
		<button @click="toimge">跳转到上传图片页面</button>
		<button @click="toindex()">跳转到首页</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:['小红','小绿','小白'],
				num:30
				
			}
		},
		methods: {
			saveInfo(){
		// 把一些信息存储在本地(键值对形式)
		// uni.setStorageSync(键名,具体存放的数据)
		// 键名重复会覆盖以前的
			uni.setStorageSync('name','瓜皮')
			uni.setStorageSync('list',this.list)
		},
			getInfo(){
		//取出本地数据,通过键名的方式取出相应的数据
			let name = uni.getStorageSync('name')
			console.log(na