- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vuex、Pinia
Getter 用于从 store 中派生出一些状态，类似于组件中的计算属性。Mutation 是用来变更 Vuex store 中的状态的唯一方法。它们是同步函数，用于修改 state 中的数据。Getter 用于从 state 中派生出一些状态，类似于 Vuex 中的 getters。State 是 Pinia 中存储数据的地方，它类似于 Vuex 中的 state。Action 用于处理异步操作或复杂逻辑，类似于 Vuex 中的 actions。对象，但是它是全局的，可以在应用的任何组件中使用。
2024-03-14 00:19:11
595
1
原创 Vue扩展知识简单了解
使用HTML5的History API来管理路由历史记录。在配置VueRouter实例时，可以选择使用不同的。要引入vue-router，首先需要安装它。用于导航到不同的路由，生成a标签，点击时会触发路由跳转。用于渲染匹配到的视图组件，放在你希望显示视图的地方。字段添加路由元信息。路由过渡动效可通过在组件中使用。在创建VueRouter实例时，通过。属性，或在编程式导航中使用。（对应的组件）属性。通过在路由配置中使用。在路由配置中可以通过。
2024-03-10 22:57:16
559
1
原创 Vue学习
原理：v-model本质上是一个语法糖。例如应用在输入框上，就是value属性和 input事件 的合写。作用:提供数据的双向绑定 ①数据变，视图跟着变:value ②视图变，数据跟着变@input注意:$event 用于在模板中，获取事件的形参。<template><input :value="msg" @input="msg = $event.target.value" type="text"> 中</div>1.表单类组件 封装。
2024-03-07 22:17:10
605
1
原创 Vue学习
Vue中的组件化开发是指将页面拆分为多个独立、可复用的组件，每个组件负责自身的功能和界面展示。在Vue中，根组件是应用的最顶层组件，作为其他组件的容器。根组件包括应用的整体结构，以及共享的状态和数据。它将其他组件嵌套在内部，形成组件树的结构。根组件也被称为父组件，它负责管理子组件的生命周期、传递数据和进行通信。子组件通过props属性接收来自父组件的数据，并通过事件向父组件发送消息。
2024-02-23 22:31:47
1911
3
原创 Vue知识学习
div class="box" :style="{ CsS属性名1:CSS属性值，CSS属性名2:CSS属性值}">男。女。data中的数据,最终会被添加到实例上 ①访问数据:"实例.属性名" ②修改数据:"实例.属性名"="值"
2024-02-22 22:41:02
2115
1
原创 JS知识点学习
但是这样就会覆盖构造函数原型对象原来的内容，这样修改后的原型对象constructor就不再指向当前构造函数了此时，我们可以在修改后的原型对象中，添加一个constructor指向原来的构造函数。当访问一个对象的属性或方法时，如果对象本身没有这个属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到对应的属性或方法，或者直到原型链的顶端（一般是。作用:该属性指向该原型对象的构造函数，简单理解，就是指向我的爸爸，我是有爸爸的孩子。
2024-02-20 22:27:54
2068
原创 JavaScript知识点
/不加分号的话，系统会认为const str = 'pink'[1，2，3].map(function (item)，'pink'[1，2，3]不合理。const [a, b, ...tel] =['小米'，'苹果'，'华为'，'格力'，'vivo']console.log(tel) // ['华为'，'格力'，'vivo']const [a，，c，d] =['小米'，'苹果'，'华为'，'格力']const [a,b，c] =['小米'，'苹果'，'华为'，'格力']
2024-02-19 22:40:30
1115
1
原创 JavaScript知识学习
比如用户名: /^[a-z0-9_-]{3,16}$/ 过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。标签 和 .js 文件的【最外层]就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。垃圾回收机制(Garbage Collection)简称GC，JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。[前端"，index:5，input:'IT培训,前端开发"，groups: undefined]//index:5下表为5时查找到。
2024-02-17 22:01:52
862
1
原创 CSS学习
1、行高指的是文字占有的实际高度2、通过line-height来设置行高3、行高可以直接指定一个大小（px em）4、也可以直接为行高设置一个整数。如果是一个整数的话，行高将会是字体的指定的倍数5、行高会在字体框的上下平均分配6、可以将行高设置为和高度一样的值，使单行文字在一个元素中垂直居中7、行高经常还用来设置文字的行间距 行间距 = 行高 + 字体大小。
2024-02-16 21:53:00
1066
1
原创 JS学习笔记
padding-top 上内边距padding-right 右内边距padding-bottom 下内边距padding-left 左内边距padding 复合属性 长度，可以设置1~4个值四个方向内边距都是10px。上10px；左右20px.(上下、左右)上10px，左右20px，下30px。(上、左右、下)上10px，右20px，下30px，左40px。(上、右、下、左)注意点:padding 的值不能为负数。
2024-02-14 21:58:25
1037
1
原创 JavaScript中BOM学习
一般而言，异步任务有以下三种类型: 1、普通事件，如click、resize等 2、资源加载，如 load、error 等 任务队列 3、定时器，包括setInterval、setTimeout等 异步任务相关添加到任务队列中(任务队列也称为消息队列)。像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。map 也称为映射。console.log(newArr) // ['red颜色'，'blue颜色'，'green颜色']
2024-02-13 20:45:35
1249
原创 JavaScript部分知识点
说明：假设页面里有个div，当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段，简单来说，捕获阶段是 从父到子冒泡阶段是从子到父。document.addEventListener('click', function() {alert('我是爷爷')})事件委托其实是利用事件冒泡的特点： 给父元素注册事件，当我们触发子元素的时候，会冒泡到父元素身上，从而触发父元素的事件。fa.addEventListener('click'， function () {alert('我是爸爸')})
2024-02-12 22:39:22
874
原创 JavaScript部分知识
只声明变量，不赋值的情况下，变量的默认值为undefined。let age // 声明变量但是未赋值document.write(age) // 输出 undefined我们开发中经常声明一个变量，等待传送过来的数据。如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined(一般很少直接为某个变量赋值为undefined)，就判断用户是否有数据传递过来。
2024-02-09 19:22:50
882
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人