- 博客(28)
- 收藏
- 关注
RSS订阅
原创 Vue3如何使用Pinia详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)
1、在stores文件夹下创建一个store ，名为user.js ，命名是尽量是见名知意的。2、定义user.jsStore 是使用定义的，并且它需要一个唯一名称，作为第一个参数传递这个name，也称为id，是必要的，Pinia 使用它来将 store 连接到 devtools。将返回的函数命名为use...是跨可组合项的约定// defineStore('userInfo',{}) userInfo就是这个仓库的名称nameusername: '赫赫',age: 30,hobby: [
2023-11-23 16:33:48
27306
8
原创 uniapp登录拦截器（未登录点击其他地方跳转登录页）
例如：客户要求用户在未登录的情况下，用户只可以在底部导航栏操作，点击其他的的功能都要跳转到登录页面。
2023-02-22 16:33:42
11084
23
原创 Vue路由传参（params 与 query）
问题一：name是什么呢？name 是配置路由时给 path 取的别名，方便使用。但要注意的是 “地址栏显示的路径始终是 path 的值”，如图定义路由 方式一：通过 params 传参页面一：声明式：router-link to 以对象形式跳转页面二：接收用 this.$route.params.+传过来的“name”在控制台可以看见传参是否成功：通过 params 传参有一个缺点，就是刷新页面就获取不到参数了。 方式二：通过 query 传参页面一：声明式：router-link to 以
2022-11-23 21:03:24
7026
原创 Promise（承诺）
一个Promise对象代表一个在这个 promise 被创建出来时不一定已知值的代理。它让你能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。这样使得异步方法可以像同步方法那样返回值：异步方法并不会立即返回最终的值，而是会返回一个promise，以便在未来某个时候把值交给使用者。...
2022-08-16 17:02:41
2993
2
原创 uniapp 父子组件传值 -- 跳转传递参数 -- 解决传参报错
同时要把子组件的名称标签放在视图中，传值会用到，例如我这里子组件就叫son，所以要在父组件视图中写上标签，子组件的操作即使props接收，再用插值语法 {{}} 显示在视图上。想象一下，父子组件传值，就类似于父亲给儿子东西，父亲给儿子的东西要有名字吧，名字就是属性，父亲给儿子东西，儿子要用手接过来，那手就相当于子组件里的props。子组件：因为传递的是一个对象，所以type的属性值应该是一个Object，默认值default是一个{}，不写default的值也不会有影响。...
2022-08-07 20:54:27
3525
1
原创 react-developer-tools下载地址、安装
谷歌商店打不开，无法下载React Developer Tools，分享一个下载地址，这个地址可以直接下载压缩包使用。
2024-02-02 11:28:32
1142
原创 npm ERR! code CERT_HAS_EXPIRED
npm i报错 npm ERR! code ETIMEDOUTnpm ERR! syscall connectnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs.org/react-redux failed, reason:
2024-01-31 14:49:16
1229
原创 react项目运行出现 One of your dependencies, babel-preset-react-app, is importing the “xxxxxxx”
One of your dependencies, babel-preset-react-app, is importing the “xxxxxxx”
2024-01-26 11:10:27
2031
原创 uniapp 仿京东、淘宝、拼多多的搜索框，实现搜索关键字所有匹配到的关键字都高亮，复制即用。(uniapp实现搜索关键字高亮看这一篇就够啦)
例如京东，淘宝，拼多多等等，这些软件的搜索功能。搜索关键字，搜索到的内容标题与搜索的内容相同的字符串要高亮(显示其他颜色)。
2023-09-07 13:11:41
1377
4
原创 ES6 常用数组方法，对象方法，字符串方法
1.数组方法对数组的每个元素执行一次给定的函数。方法返回数组中满足提供的测试函数的第一个元素的值,否则返回undefind。方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回 -1。方法返回数组中第一次出现给定元素的下标，如果不存在则返回 -1。方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回true，否则返回false。方法测试一个数组内的所有元素是否都能通过指定函数的测试,返回true，反之false。创建一个新的浅拷贝的数组实例。
2023-08-21 17:14:01
478
原创 vuex如何使用（小白也能看得懂）
（1）State存放共享数据（count），页面页面中有两种使用方法，第一中是直接使用插值语法{{ $store.state.count }}渲染，另一种是使用mapState函数将全局数据count，映射为当前组件的计算属性。：State用于存放数据，Action用于执行异步函数，mutation用于修改state中的数据，Getter加工数处理成新的数据，但是也会随着state中数据的变化二变化。不要再mutation中执行异步代码，因为会导致页面更新这个改变的值，而state中的值没有改变。
2023-07-06 11:55:16
457
原创 vite搭建完整项目
（4）cd + 项目名称 进入 npm install初始化，简写（npm i） 最后 npm run dev。（2）在src/assets文件夹下新建，scss文件夹(文件名称随意)，在文件夹下新建main.scss文件。（1）点击链接进入，选择使用安装命令。（2）输入命令后，回车，输入项目名称，昵称随意，我这里用的是 viteprojects，回车。（1）点击上方网址，进入vite官网，选择一个命令安装方式。（3）在vite.config.js文件中添加配置。（1）在项目终端中输入面的命令。
2023-06-05 11:58:43
9206
原创 vue生命周期
创建前(beforeCreate)=>创建后(created）=>载入前（beforeMount）=>载入后（mounted)=>更新前（beforeUpdate)=>更新后(updated)=>销毁前（beforeDestroy)=>销毁后)destroyed）。，它表示的应当是页面有某处即将更新时触发，但此时，页面并没有更新，由数据更新得知即将更新的信息，页面没有和data中的数据保持一致，这个不好举例子就百度理解一下吧。，这个周期中才可以获取到DOM元素，同时也可以获取到data。
2022-11-22 20:53:07
171
原创 Conflict: Multiple assets emit different content to the same filename index.html vue-cli项目运行报错解决方案
ERROR in Conflict: Multiple assets emit different content to the same filename index.html webpack compiled with 1 errorvue-cli创建项目运行报错
2022-11-18 11:57:34
1008
2
原创 脚手架vue-cli创建Vue项目手把手教学
Default是默认选择（vue2,vue3）,Manually select features 是自己手动选择，可以选择你需要的。通常都是自己手动选择,键盘上下键选择，enter确定。用vue -V检查版本，如果出现“vue” 不是内部或外部命令，也不是可运行的程序或批处理文件，就说明你电脑没有安装vue。像这种要选择yes还是no的一般情况下都是选择no，可以避免下次写特殊项目不好配置。再然后也是一些选项，按照翻译选择自己需要的，我这里选的倒数第二个。选择自己需要的以后，按下回车再次选择自己需要的。
2022-11-18 11:29:18
3971
原创 Uniapp-（修改数组对象某个值、点击事件、计算属性、监听、深度监听）
监听很容理解，例如：你想知道狗子的生活状态，那你就监听它，这样你就可以得到想要的数据，在代码里的监听也是如此，监听data中的数据变化，想监听谁就吧它的键写在watch下。data里面是一组数据 ，我们要实现点击那组数据， 就得到那组数据 ，绑定给谁谁就生效，绑定完成点击事件需要在methods里定义。钥匙你想修改 复杂数据类型里的某个值，我们可以拿到想要修改值的索引，然后根据索引找想要修改的值就可以。用return动态的返回值，reduc方法中的acc是初始值，也就是末尾写的0，具体可以搜索相关知识。..
2022-08-03 20:12:12
8229
原创 Vue中的常用的内置指令
v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组或者对象，而 item 则是被迭代的数组元素的别名 在 v-for 的时候，建议设置 key 值，并且保证每个 key 值是独一无二的。
2022-08-02 20:47:10
1625
原创 Uni-app基础
uni-app是一个使用Vue.js开发跨平台应用的前端框架；开发者编写一套代码，uni-app将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。下载地址：HBuilderX-高效极客技巧1.微信公众平台查看自己的小程序id 开发 → 开发管理 → 开发设置 → 找到appid2.在uniapp 中进行配置 目录下的manifest.json → 微信小程序配置 → 填写小程序appid ├── pages......
2022-08-01 17:10:53
3037
原创 简单数据和复杂数据，数组解构，深、浅拷贝
本节中说的堆和栈问题可以百度一下。有巧方法当然优先利用啦，当自己有一定实力的时候再去深究一些完美方法，来增强自己。
2022-07-29 17:57:02
276
1
原创 数组常用方法
如果为负值，则按升序从的索引开始搜（即使从末尾开始往前跳的绝对值个索引，然后往后搜寻）。此方法不会更改现有数组，而是返回一个新数组。会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回，否则返回，返回值，一个包含将数组与子数组中所有元素的新数组。指定要提取嵌套数组的结构深度，默认值为1。对数组进行升降序排序=>排序后的数组。反转数组=>反转后的数组。当数组子元素有深数组时。......
2022-07-28 21:12:04
111
1
空空如也
修改老项目要不要动里面的逻辑
2024-05-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人