- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue3核心语法
option类型的API,数据，方法，计算属性等，是分散在：data,methods,computed中的，若想新增或修改一个需求，就需要分别修改：data.methods,computed,不便于维护和复用。why:vue3里面有很多组合式的API,这些组合式的API几乎都要写在setup里面，因此学习vue3的第一步就是学习setup。，setup是最早的那个生命周期，比data执行的要早，所以收当data去配置数据的时候，setup早已解析完毕了，所以在。的实例对象，简称：响应式对象。
2024-02-04 16:50:35
863
1
原创 2. 创建Vue3工程
这种属于vite创建，上来就启动开发服务器，从入口进来之后看什么处理什么模块，也就是懒加载。总结：第一种属于webpack的方式,由于路由，模块，组件特别多，那么分析就非常慢。注：目前`vue-cli`已处于维护模式，官方推荐基于 `Vite` 创建项目。注意：电脑上需按照node.js环境，如果不安装是没有npm 这个命令的。1. 【基于 vue-cli 创建】点击查看[（2） 分析src-main.ts的内容。(1)分析 vue项目目录。
2024-02-02 16:53:49
349
原创 前端面试题
比如说，当用户在输入框中输入文字时，每当用户输入一个字符都会触发 onInput 事件，如果我们立即去请求接口进行搜索、过滤等操作，会造成大量的请求，这样会导致浏览器卡顿或者接口服务器崩溃。所以我们就可以通过防抖的方式来进行优化，将事件的多次触发合并为一次，减少请求次数，提高性能。实现防抖的方式，通常是在事件处理函数中设置一个定时器，在定时器时间内再次触发该事件时，将重新计时，直到定时器时间到达后，才真正执行事件处理函数。每次调用该函数时，都会清除之前的定时器，并重新启动一个新的定时器，以达到防抖的效果。
2024-01-30 15:25:22
354
1
原创 用reduce计算数组中某个属性的总和
方法接收两个参数：一个回调函数和一个初始值。这里的回调函数使用箭头函数。是每次迭代时的累加操作，将上一次的累加结果与当前对象的。：这是一个数组，其中包含多个对象，每个对象都有一个。方法的初始值，作为第一次迭代时的累加器的初始值。方法的调用，用于对数组进行迭代和累加操作。表示累加器，它保存了上一次迭代的累加结果。：这是赋值语句，将计算后的结果赋值给。通过这段代码，你可以在表单数据中的。属性的总和，并将结果赋值给。方法返回的值就是所有对象的。属性的总和，并将结果保存在。表示当前迭代的元素，即。
2024-01-19 10:05:34
391
1
原创 页面悬浮按钮可拖动实现（vue和js写法）
注：如果想在vue项目中的每个页面都加上悬浮按钮，可用js，写在APP.vue的onLaunch（）函数里。2.然后在main.js中注册全局组件（这里大家根据自己的实际路径替换）3.最后在需要这个悬浮按钮的页面模板中用这个组件就可以了。1.创建一个FloatingButton.vue的组件。1. 每个页面都能自动加上悬浮按钮。
2023-12-20 15:48:26
1406
原创 Vue生命周期的理解
7.beforeDestroy(销毁之前)：此时，vm中所有的：data,methods，指令等等，都处于可用状态，马上要执行销毁过程，一般在此阶段：关闭定时器，取消订阅任务。2.created:(数据监测，数据代理创建完毕)，此时可以通过vm访问到data中的数据，methods中配置的方法。1.beforeCreate:（数据监测，数据代理创建之前），此时无法通过vm访问到数据，methods中的方法；6.updated(更新完成)：此时，数据是新的，页面也是新的，即：页面和数据保持同步。
2023-11-03 10:14:51
43
原创 创建Vue3项目
创建一个项目 | Vue CLI (vuejs.org)Home | Vite中文网 (vitejs.cn)一.使用vue-cli创建。二.使用vite创建。
2023-10-28 14:28:38
109
1
原创 vue中mixin（混入）的使用
一.功能：可以把多个组件共用的配置提取成一个混入对象。局部混入：mixins: ['xxx'],全局混入：vue.mixin(xxx)总结：混入mixin就是复用配置。二：如何使用mixin?
2023-10-26 17:52:56
25
原创 使用vue cli创建项目
第一步（仅第一次执行）：全局安装@vue/cli 包（这个包一安装，你的电脑上就会出现一个全新的命名，名字就是vue）Node 版本要求:Vue CLI 4.x （推荐使用最新版本，向下兼容性好）需要。第二步：切到你要创建项目的目录，然后使用命令创建项目。v8.9 或更高版本 (推荐 v10 以上)备注：如出现下载缓慢请配置npm淘宝镜像。（假如不记得有没有执行可以再执行一遍）如上图所示，就说明我已经全局安装过了。前置工作：安装Node环境。
2023-10-26 11:49:04
582
原创 vue插槽solt的详细介绍
(1)v-slot是从2.6.0+开始使用的，在此版本之前用的是slot 和slot-scope。格式：v-slot:插槽名称 = “props” 简写：#插槽名称 = “props”格式：v-slot:[插槽名称变量] 简写：#[插槽名称变量]简而言之，就是子组件留了个坑，父组件可以使用指定的内容来填坑。插槽就是子组件提供给父组件的占位符，用solt元素来表示。3.作用域插槽：父组件可以接收子组件传递的一个参数。4.动态插槽名（就是将插槽名称变成一个变量）（不同的插槽来名称，排放的位置不一样）
2023-10-24 17:51:50
68
原创 vue数据绑定
注：v-model只能作用在表单类元素（输入类元素）上，如：文本框 ,多选框,单选框，下拉框,多行文本等，这些元素都有一个固定的特点，它们都有value值，因为v_model就是对value作用的。1.单项数据绑定：v-bind 数据只能从data流向页面(不能输入，无法捕获用户的输入，故而无法引起数据的变化)双向数据绑定：v-model。vue有两种数据绑定的方式。
2023-10-23 14:29:19
20
原创 致自己的一段话
现在我们很多人都会焦虑，那是因为我们的能力还不足以支撑我们的野心，我们还没有成为自己想要的样子，我们都已经成年了，很多道理都明白。因此希望自己可以时刻提醒自己，既然觉得自己能力还不够，就趁着现在有时间，努力多学一点，给自己加点底气，不可以颓废不可以颓废，什么都可以学的，加油。决定做什么时候之后，就要抱着要做就做就好，要争就争第一的心态，如果什么都想做，却不去付诸行动的话，那终将一事无成，碌碌无为。
2023-06-15 10:19:28
65
原创 当你感到迷茫的时候不妨看看自己想要什么？
如果你现在感到非常迷茫，不知道该做什么，不妨多去想想自己想生存在一个什么样的环境里，然后想一想这个环境里的人大概是什么样子的，他们的消费观念是什么？具备怎样的能力？有何需求？弄清楚了这些，就有针对性的去塑造这些能力，并融入进去。
2022-09-07 10:55:27
191
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人