uniapp vue3
文章平均质量分 59
木与子不厌
这个作者很懒,什么都没留下…
展开
-
uniapp页面与路由
当我们跳转页面需要返回时可以使用 uni.navigateBack 函数进行返回上一页,要注意的是uni.navigateBack 对于tabBar是无效是无法返回到tabBar。当不方便使用navigator或者不想使用navigator时,可以先编写一个盒子再设置点击事件,当盒子被点击时使用uni.navigateTo跳转页面。我们发现使用 uni.navigator跳转到tabBar时是跳转不了的所以我们提供了uni.reLaunch函数。demo2使用onLoad函数进行参数接收即可。原创 2024-09-08 19:08:02 · 308 阅读 · 0 评论 -
uni-api交互反馈showToast的用法
效果图。原创 2024-09-05 22:10:57 · 169 阅读 · 0 评论 -
pages.json页面路由
pages.json文件用来进行uniapp的全局页面设置。决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。原创 2024-09-04 20:19:48 · 819 阅读 · 0 评论 -
Vue3 条件渲染
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被染。通俗来说就是在一个模块中添加 v-if 当满足条件时才执行(输出)。原创 2024-08-24 09:38:39 · 214 阅读 · 0 评论 -
插槽Slots及具名插槽实现组件高定制化
在正常情况下组件我们分为头部组件、主体组件、底部组件等组成。头部与底部一般情况下是统一的只有主体不一样。基于此我们可以把中间的主体内容提取出来当需要显示demo1的页面是显示demo1的页面需要demo时显示demo2。我们把整个页面(包括头部与底部)看做一个组件然后设置一个位置Slots就是位置。原创 2024-09-01 20:46:15 · 272 阅读 · 0 评论 -
各种不同类型的for循环遍历知识
这种微小的性能差异通常在大多数应用中并不明显,除非在处理非常大的数据集时才可能显现出来。在实际开发中,应该优先考虑代码的可读性和维护性,而不是过度关注微小的性能差异。由于数组较小时差别非常的小差异所以我们定义一个比较大的数组.通过startTime和endTime计算出for循环的求和消耗时间。for循环是最常规最通用的一种循环遍历方法,map、fiter等都是可以通过for循环完成的。forEach方法是一个高阶函数,会引入额外的函数调用开销。原创 2024-08-28 20:29:30 · 348 阅读 · 0 评论 -
v-model双向绑定原理
v-model。原创 2024-08-27 20:34:45 · 146 阅读 · 0 评论 -
组建中通过Props进行数据传递
一个组件需要显式声明它所接受的 props,这样 Vue 才能知道外部传入的哪些是 props,哪些是透传 attribute。原创 2024-08-30 20:29:00 · 180 阅读 · 0 评论 -
defineExpose暴露组建属性及方法
效果图每点击一下按钮子组件count自增1。原创 2024-09-03 16:32:54 · 175 阅读 · 0 评论 -
vue3创建组件
注意:如果右键不能创建组件说明目录名有误。原创 2024-08-30 20:16:31 · 182 阅读 · 0 评论 -
Vue3列表渲染的用法
我们可以使用v-for指令基于一个数组来渲染一个列表。v-for指令的值需要使用形式的特殊语法,其中items是源数据的数组,而item是迭代项的。原创 2024-08-24 10:58:23 · 153 阅读 · 0 评论 -
Computed计算属性用法及方法对比
在computed中定义一个函数(看起来是一个函数,其实是一个属性),命名按照属性规范命名(一般为名词)。原创 2024-08-27 22:17:22 · 200 阅读 · 0 评论 -
组建中emit声明触发事件
正常情况下组件只能单向传值。只能从父类组件向子类组件传递值。使用 $emit() 在子组件中创建一个触发事件,就可以将值传递给父类。2.在父类中接收子组件所返回的值并输出当点击按钮之后控制台输出子组件返回的值。2.在父类中接收随机数并且获取从第3位往后的六位数作为颜色格式。以上传递值的方式比较少使用平时都是在代码块中使用。通过以上事件我们能做的时就又很多比如一个获取随机颜色。1.在子组件中创建一个触发事件。1.在子组件中获取一个随机数。原创 2024-09-02 11:11:40 · 212 阅读 · 0 评论 -
uniappVue3中组件生命周期
生命周期有多重叫法,有叫生命周期函数的,也有叫生命周期钩子的,还有钩子函数的,其实都是代表,在 Vue 实例创建、更新和销毁的不同阶段触发的一组钩子函数,这些生命周期函数允许开发者在不同阶段对 Vue 实例进行操作,以便执行特定的逻辑或清理工作。生命周期主要包含以下四个阶段:创建、挂载、更新、销毁。好比一款手机,创建(拿到全新一款手机)、挂载(安装各种软件)、更新(系统或者软件升级)、销毁(丢弃手机)原创 2024-09-02 14:52:37 · 522 阅读 · 0 评论 -
vue3中watch和watchEffect监听
在Vue 3中,computed和watch都是用于响应式地处理数据变化的工具,但它们有一些重要的异同点。原创 2024-08-29 21:41:34 · 199 阅读 · 0 评论 -
Vue3语法
从import引入ref 语法赋值方式:let 变量名 = ref(值);变量取值: {{变量名.value }}字符取值:{{ 变量名 }}数组取值:{{ 数组名[下标] }},注意下标从0开始。对象取值:{{ 对象名{属性名 }},或者 {{ 对象名.属性名 }} 注意对象属性修改值时需要使用value 列如:obj.value.name=" 张三";原创 2024-08-23 18:51:34 · 183 阅读 · 0 评论 -
uniapp组件
scroll-x:允许横向滚动,如果内容是块级元素需要display:inline-block;hover-stop-propagation:默认值为“false”指定是否阻止本节点的祖先节点出现点击态,App、H5、支付宝小程序、百度小程序不支持。hover-class:默认值为 "none" 指定按下去的样式类。默认值为"none" 时,将不会有点击态效果。hover-start-time:为点击后持续多久点击效果,时间为毫秒。hover-stay-time:为松开时时间会持续多少秒,单位也是毫秒。原创 2024-08-22 12:16:08 · 240 阅读 · 0 评论 -
创建uniapp Vue3项目
模板区主要负责布局用于页面显示。在vue2版本中只能有一个更目录,而在vue3中能有多个根目录。:主要用于负责页面的样式、布局写法与css和web基本相同。template中可以没有标签但template不能没有。:页面逻辑部分,负责整个页面的逻辑。原创 2024-08-20 20:13:50 · 230 阅读 · 0 评论 -
Node安装教程
5.配置使用淘宝镜像 npm config set https://registry.npmmirror.com。1.通常使用的node版本有1.4与1.7通常建议使用1.7版本。6.安装vue依赖 npm install -gvue/cli。2.安装时不要装C盘win11系统权限较高。7.安装到一半时失败要注意用户的权限问题。3.安装成功以后右键终端已管理员身份运行。4.修改执行路径换成你的安装路径。原创 2024-08-19 17:14:15 · 220 阅读 · 0 评论 -
uniapp中组件生命周期函数
监听页面加载,该钩子被调用时,响应式数据、计算属性、方法、侦听器、props、slots 已设置完成,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参)在上方 scroll 在 onLoad 是拿不到值的所以我们提供了onReady,onReady是等onReady渲染完毕之后才开始执行。onLoad是在页面加载是执行,打开页面上我们在控制台可以看见张三。在demo6页面创建一个跳转标签并且添加参数。注意的是 scroll 在 onLoad 是拿不到值的。在demo7中接收参数并输出。原创 2024-09-03 19:32:34 · 524 阅读 · 0 评论