uniapp 小程序 学习(二)

与传统H5不一样的路由跳转



这么写可在tabar 页面跳转可携带参数

与vue2.0 不一样的组件写法

vue2.0 创建局部组件要三步走既

js 复制代码
	<!-- 在index.vue引入 uni-badge 组件-->
	<template>
		<view>
			<uni-badge text="1"></uni-badge><!-- 3.使用组件 -->
		</view>
	</template>
	<script>
		import uniBadge from '@/components/uni-badge/uni-badge.vue';//1.导入组件(这步属于传统vue规范,但在uni-app的easycom下可以省略这步)
		export default {
			components:{uniBadge }//2.注册组件(这步属于传统vue规范,但在uni-app的easycom下可以省略这步) 
		}
	</script>

uniapp 利用easycom简化 步骤

但是对文件格式有要求



创建俩局部组件



sync修饰符

js 复制代码
	<!-- 父组件 -->
	<template>
		<view>
			<syncA :title.sync="title"></syncA>
		</view>
	</template>
	<script>
		export default {
			data() {
				return {
					title:"hello vue.js"
				}
			}
		}
	</script>
js 复制代码
	<!-- 子组件 -->
	<template>
		<view>
			<view @click="changeTitle">{{title}}</view>
		</view>
	</template>
	<script>
		export default {
			props: {
				title: {
					default: "hello"
				},
			},
			methods:{
				changeTitle(){
					//触发一个更新事件
					this.$emit('update:title',"uni-app")
				}
			}
		}
	</script>
相关推荐
Pluchon2 小时前
硅基计划4.0 算法 字符串
java·数据结构·学习·算法
折翅鵬2 小时前
Android 程序员如何系统学习 MQTT
android·学习
2501_916007473 小时前
iOS 混淆与团队协作,研发、安全、运维、测试如何在加固流程中高效配合(iOS 混淆、ipa 加固、协作治理)
android·ios·小程序·https·uni-app·iphone·webview
~无忧花开~3 小时前
JavaScript学习笔记(十五):ES6模板字符串使用指南
开发语言·前端·javascript·vue.js·学习·es6·js
拾贰_C5 小时前
【pycharm---pytorch】pycharm配置以及pytorch学习
pytorch·学习·pycharm
向阳花开_miemie5 小时前
Android音频学习(二十一)——ALSA简介
学习·音视频
come112346 小时前
ptyhon 基础语法学习(对比php)
android·学习
倔强菜鸟6 小时前
2025.8.10-学习C++(一)
开发语言·c++·学习
蓝桉~MLGT6 小时前
Python学习历程——组织结构(包含for、if、while等等)
开发语言·python·学习
西猫雷婶7 小时前
pytorch基本运算-torch.normal()函数生成的随机数据添加噪声
人工智能·pytorch·python·深度学习·学习·线性代数·机器学习