- 博客(15)
- 收藏
- 关注
原创 uniappVue3中组件生命周期
生命周期有多重叫法,有叫生命周期函数的,也有叫生命周期钩子的,还有钩子函数的,其实都是代表,在 Vue 实例创建、更新和销毁的不同阶段触发的一组钩子函数,这些生命周期函数允许开发者在不同阶段对 Vue 实例进行操作,以便执行特定的逻辑或清理工作。生命周期主要包含以下四个阶段:创建、挂载、更新、销毁。好比一款手机,创建(拿到全新一款手机)、挂载(安装各种软件)、更新(系统或者软件升级)、销毁(丢弃手机)
2024-09-02 14:52:37
193
原创 组建中emit声明触发事件
正常情况下组件只能单向传值。只能从父类组件向子类组件传递值。使用 $emit() 在子组件中创建一个触发事件,就可以将值传递给父类。2.在父类中接收子组件所返回的值并输出当点击按钮之后控制台输出子组件返回的值。2.在父类中接收随机数并且获取从第3位往后的六位数作为颜色格式。以上传递值的方式比较少使用平时都是在代码块中使用。通过以上事件我们能做的时就又很多比如一个获取随机颜色。1.在子组件中创建一个触发事件。1.在子组件中获取一个随机数。
2024-09-02 11:11:40
33
原创 插槽Slots及具名插槽实现组件高定制化
在正常情况下组件我们分为头部组件、主体组件、底部组件等组成。头部与底部一般情况下是统一的只有主体不一样。基于此我们可以把中间的主体内容提取出来当需要显示demo1的页面是显示demo1的页面需要demo时显示demo2。我们把整个页面(包括头部与底部)看做一个组件然后设置一个位置Slots就是位置。
2024-09-01 20:46:15
155
原创 组建中通过Props进行数据传递
一个组件需要显式声明它所接受的 props,这样 Vue 才能知道外部传入的哪些是 props,哪些是透传 attribute。
2024-08-30 20:29:00
154
原创 vue3中watch和watchEffect监听
在Vue 3中,computed和watch都是用于响应式地处理数据变化的工具,但它们有一些重要的异同点。
2024-08-29 21:41:34
182
原创 各种不同类型的for循环遍历知识
这种微小的性能差异通常在大多数应用中并不明显,除非在处理非常大的数据集时才可能显现出来。在实际开发中,应该优先考虑代码的可读性和维护性,而不是过度关注微小的性能差异。由于数组较小时差别非常的小差异所以我们定义一个比较大的数组.通过startTime和endTime计算出for循环的求和消耗时间。for循环是最常规最通用的一种循环遍历方法,map、fiter等都是可以通过for循环完成的。forEach方法是一个高阶函数,会引入额外的函数调用开销。
2024-08-28 20:29:30
274
原创 Computed计算属性用法及方法对比
在computed中定义一个函数(看起来是一个函数,其实是一个属性),命名按照属性规范命名(一般为名词)。
2024-08-27 22:17:22
164
原创 Vue3列表渲染的用法
我们可以使用v-for指令基于一个数组来渲染一个列表。v-for指令的值需要使用形式的特殊语法,其中items是源数据的数组,而item是迭代项的。
2024-08-24 10:58:23
138
原创 Vue3 条件渲染
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被染。通俗来说就是在一个模块中添加 v-if 当满足条件时才执行(输出)。
2024-08-24 09:38:39
187
原创 Vue3语法
从import引入ref 语法赋值方式:let 变量名 = ref(值);变量取值: {{变量名.value }}字符取值:{{ 变量名 }}数组取值:{{ 数组名[下标] }},注意下标从0开始。对象取值:{{ 对象名{属性名 }},或者 {{ 对象名.属性名 }} 注意对象属性修改值时需要使用value 列如:obj.value.name=" 张三";
2024-08-23 18:51:34
160
原创 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
161
原创 创建uniapp Vue3项目
模板区主要负责布局用于页面显示。在vue2版本中只能有一个更目录,而在vue3中能有多个根目录。:主要用于负责页面的样式、布局写法与css和web基本相同。template中可以没有标签但template不能没有。:页面逻辑部分,负责整个页面的逻辑。
2024-08-20 20:13:50
215
原创 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
205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人