- 博客(34)
- 收藏
- 关注
RSS订阅原创 选项式API和组合式API
Vue3支持选项式API和组合式API。其中，选项式API是从Vue2开始使用的一一种写法，而Vue3新增了组合式API的写法。接下来对选项式API和组合式API分别进行介绍。
2024-06-21 11:02:18
1450
原创 过渡和动画的使用方法
nextTick方法是Vue.js中一个非常有用的工具，可以确保在DOM更新之后执行特定的操作。结合过渡与动画效果，我们可以创建出更加生动和吸引人的用户界面。希望本文能够帮助你更好地理解nextTick方法以及如何在Vue应用中使用过渡与动画效果。
2024-06-12 10:47:19
299
原创 安装Elenent Plus
Elenent Plus是基于 Vue3 开发的优秀的 PC 端开源 UI 组件库，它是 Element 的升级版，对于习惯使用Element 的人员来说，在学习 Element Plus 时，不用花费太多的时间。在上述代码中，第三行用于导入Element Plus模块；使用 npm 或 yarn 包管理工具可以安装 Element Plus，具体命令如下。项目启动后，会默认开启一个本地服务，地址为http://127.0.0.1:5173/.在上述命令中，ui-component表示项目名称。
2024-06-07 10:56:32
305
原创 VueRouter 的基本使用
路由的基本使用步骤，首先定义路由组件，以便使用Vue Router控制路由组件展示与 切换，接着定义路由链接和路由视图，以便告知路由组件渲染到哪个位置，然后再项目中创建路由模块，最后导入并挂载路由模块。路由视图标签定义，该标签会被渲染成当前路由对应组件，另外，为了方便在不同组件之间切换，可以通过标签定义路由链接，该标签的to属性表示链接地址，与路由匹配规则中的path属性对应。在src\App.vue文件中定义路由视图以及Home组件和About组件。
2024-06-02 14:06:55
203
原创 Axios
axios是一种网络请求库，用于发送和接收请求。它可以通过promise机制来处理请求，使用jsonp的方式获取数据，也可以使用默认的get请求的参数拼接。axios还可以发送并发请求，使用全局请求配置格式和timeout来控制请求的执行。在封装网络请求时，可以使用promise包装、回调函数的方法或拦截器来处理请求。
2024-05-24 10:39:13
133
原创 组件的注册
在Vue中，开发者可以将页面中独立的、可重用的部分封装成组件，对组建的结构、样式和行为进行设置。组件是Vue的基本结构单元，组件之间可以相互引用。
2024-05-17 11:25:40
466
原创 vue 组件组件通信方法
1、父组件props传值给子组件。子组件中定义props字段，类型为Array（如需限制字段值类型，也可以定义为Object的形式）。如下例子，父组件挂载子组件helloWorld，在组件标签上给title赋值，子组件helloWorld定义了props属性，里面有一个值是title，这样子组件就可以使用父组件传递过来的值了。父组件：home.vue子组件：hello-world.vue（1.）props扩展属性文档传送门（2.）props扩展示例。
2024-05-12 21:12:31
1696
原创 导航守卫（路由）
在上述代码中，调用beforeEach()方法定义了全局前置守卫，调用afterEach()方法定义了全局后置守卫。其中，to表示目标路由对象；next()为函数，如果不接收next()函数，则默认允许用户访问每一个路由；如果接收了next()函数， 则必须调用next()函数，否则不允许用户访问任何一个路由。例如：访问后台主页时，要用户处于已登录状态，如果未登录，则跳转到登陆页面。在实际开发中， 全局导航守卫比较常用，下面主要讲解全局导航守卫的定义和使用。，只有在路由导航到一个不同的页面时才会被触发，
2024-04-30 09:17:30
285
原创 编程式导航
在vue中，页面有两种导航方式，分别是声明式导航和编程式导航。其中，使用标签定义导航链接的方式属于声明式导航；编程式导航是先通过函数获取全局路由实例，然后通过调用全局路由实力实现导航。全局路由实例常用的方法有方法、方法和方法，下面分别进行讲解。
2024-04-21 12:45:30
555
1
原创 vue一些零零散散的知识点总结
v-else和v-else-if判断注:使用v-else,v-else-if前必须有v-if。3、同时使用需要在外层嵌套盒子,在外层进行v_if判断， 在内层进行v-for循环。1.在vue2中，v-for优先级比v-if高。在vue3中，v-if优先级比v-for高。2、v-if和v-for不能同时使用。v-text和v-html,插值区别。v-if判断和v-show显示隐藏。-text和v-html相同点。
2024-04-14 18:29:19
1452
原创 【无标题】
(发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。2.data(){return{}}函数式,data中装的是定义的变量，跟插值对应。数据绑定最常见的形式就是使用。容器id或class等”
2024-03-31 19:55:20
181
原创 【无标题】
item 这个是值 index 这个是下标。解释:(item,index) 是需要拿取的值，循环之后得到的值。items是遍历的对象、数组、字符串、指定次数。通俗意思就是循环，可以遍历数组、对象、字符串、指定次数。绑定的key值必须是唯一的值。数据由data流向页面（单向。绑定事件时不要再让事件有on。
2024-03-24 18:39:19
319
原创 【无标题】
区别：对于元素只是一次可以选择使用v-if(消耗内存),操作次数多v-show(并没有销毁元素)vue启动时出现的提示,Vue.config.productionTip阻止启动提示。el为绑定容器 有两种方法：第一种就是上方展示第二种 Vue实例.注：搭建脚手架（vue-cli）后只能出现一个容器。1.v-text和v-html相同点：都会覆盖文本。el：“容器名称”，例 el：“#app”v-text和v-html，插值区别。v-if 做判断，隐藏(是否存在)new 一个vue实例（）{
2024-03-17 19:47:16
382
1
原创 【无标题】
数组实例的findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。every()是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。some()是对数组中每一项运行给定函数，如果该函数对任一项返回true，则返回true。判断数组是否包含某个元素，不用return，不用回调函数，返回布尔值。原数组被“映射”成对应新数组，返回新数组，不改变原数组。返回满足条件的元素组成的数组，不改变原数组。
2024-03-10 19:25:23
368
1
原创 弹性盒子对齐方式有几种？分别是哪几种？
修改 flex-wrap 属性的行为，类似 align-items, 但不是设置子元素对齐，而是设置行对齐。设置弹性盒子元素在主轴（横轴）方向上的对齐方式。设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式。
2023-12-25 09:05:02
366
原创 ES6新增操作字符串的方法
返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。** padEnd(总长度,“填充的字符串”)**返回布尔值，判断参数字符串是否在原字符串的头部。返回布尔值，判断参数字符串是否在原字符串的尾部。返回新的字符串，表示将字符串重复指定次数返回。返回布尔值，判断是否找到参数字符串。
2023-12-24 20:52:17
371
1
原创 JavaScript字符串
获取指定位置的字符编码：可以使用 charCodeAt() 方法获取指定位置的字符的 Unicode 编码。查找子串：可以使用 indexOf() 方法或者 includes() 方法来查找子串在字符串中的位置。提取子串：可以使用 substring()、slice() 或者 substr() 方法来提取子串。访问字符：可以使用方括号加索引或者 charAt() 方法来访问字符串中的特定字符。替换子串：可以使用 replace() 方法来替换字符串中的子串。
2023-12-22 09:13:01
407
原创 es6中类的命名
class 的本质是 function。类定义类表达式可以为匿名或命名。// 匿名类this.a = a;// 命名类this.a = a;类声明注意：不可重复声明。this.a = a;类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。类中方法不需要 function 关键字 方法间不能加分号。
2023-12-21 14:42:26
376
原创 let，const，var有什么区别
在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区。块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。
2023-12-07 14:17:11
381
原创 原型的特性
2.所有的引用类型都有一个__proto__属性，属性值是一个普通对象(原型链)4.所有的引用类型的__proto__指向它构造函数的prototype属性值。那么他会去它的__proto__（即它构造函数的prototype）去找。1.所有引用类型(数组、对象、函数)，都具有对象特性，及可自由扩展属性。3.所有的函数都有一个prototype属性,属性值是一个普通对象。5.当试图获取一个对象的某个属性时，如果这个对象本身没有这个属性，
2023-11-27 08:51:08
340
原创 边框的所有样式
none:没有边框,即忽略所有边框的宽度(默认值)solid:边框为单实线dashed:边框为虚线dotted:边框为点线double:边框为双实线
2023-10-16 07:57:14
42
1
原创 display的所有属性
none 此元素不会被显示block 此元素将显示为块级元素，此元素前后会带有换行符inline 默认。此元素会被显示为内联元素，元素前后没有换行符inline-block 行内块元素table 此元素会作为块级表格来显示，表格前后带有换行符flex 弹性盒模型grid 网格布局
2023-10-16 07:53:47
44
1
原创 HTML定位
2.相对定位,不脱离文档，根据上一个内容，占空间，便宜之后仍然占据页面中的空间，其余元素不可顶替。首先寻找父级 如果有父级（position：relative）根据父级进行定位 会找到最近的父级。如果没有（position：relative）根据浏览器进行定位。3.绝对定位,不存在脱离文档流 不占空间。
2023-09-24 19:50:43
56
1
原创 css中的一些符号代表什么选择器
表示将所有元素的margin和padding都设置为0，*可以设置所有元素的默认样式。span后出现的下一个元素为p，且span和p是有共同的父元素。相同父元素中的两个元素，h1和span必须是同意级的元素。上面例子表示的是div里的所有span元素。表示选择div的所有span的子元素。
2023-09-10 17:32:21
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人