当前位置: 首页 > news >正文

uniapp 小程序 学习(二)

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

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这么写可在tabar 页面跳转可携带参数

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

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

	<!-- 在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修饰符

	<!-- 父组件 --><template><view><syncA :title.sync="title"></syncA></view></template><script>export default {data() {return {title:"hello vue.js"}}}</script>
	<!-- 子组件 --><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>
http://www.dtcms.com/a/252668.html

相关文章:

  • YOLOE详解【浅显易懂!】
  • 【前端基础】摩天之建的艺术:html(下)
  • 二十四、【用户管理与权限 - 篇六】前端动态展现:基于权限的菜单与按钮控制
  • 上传本地项目至github
  • KingPortal2.0安装步骤
  • 机器学习监督学习实战七:文本卷积神经网络TextCNN对中文短文本分类(15类)
  • CppCon 2016 学习:I Just Wanted a Random Integer
  • 流体力学×深度学习:当Fluent遇到神经网络,计算效率提升300%的奥秘!
  • Leetcode 刷题记录 19 —— 动态规划
  • 3分钟搭建LarkXR实时云渲染PaaS平台,实现各类3D/XR应用的一键推流
  • 氧化镱:稀土科技的“夜视高手”
  • dify私有化部署到ubuntu22.04(腾讯云为例)
  • 前缀二叉树(Trie树)详解
  • django基于Spark的国漫推荐系统
  • Early End是什么
  • Cesium快速入门到精通系列教程十:实现任意多个蜂巢似六边形组合
  • 数据结构----排序(3)
  • 接口联调阶段的移动端调试实践:从实际问题到流程协同(含WebDebugX)
  • MySQL 默认连接数
  • 在 HTTP 请求返回的状态码不为 200 时,重新发送请求
  • 数据库系统概论(十九)详细讲解关系查询处理与查询优化
  • 设计模式-依赖倒置原则(Dependency Inversion Principle, DIP)
  • Spring Boot(九十一):Spring Boot实现防盗链功能
  • WPS 和 office (word/excel/ppt) 找到模板所在位置以及更改模板的方式(公文写作格式要求、字体安装、模板下载)
  • Maven高级学习笔记
  • 常见哈希格式类型及其在CTF与渗透测试中的爆破与伪造策略(PBKDF2、bcrypt...)
  • Spring Boot分布式锁深度优化:彻底解决达梦数据库高并发死锁问题
  • 【C++11】智能指针——unique_ptr, shared_ptr和weak_ptr
  • DBeaver数据库管理工具的简介、下载安装与优化配置
  • 【Dify精讲】第10章:会话管理与上下文保持【知识卡片】