- 博客(20)
- 收藏
- 关注
RSS订阅原创 全局方式调用API（不使用vuex）
第一步 在main.js里面调用所有的API接口，然后挂在Vue.prototype.$API，代码如右侧图。在浏览器即可看见所有的api接口，非常的方便，如果不使vuex来调接口则可以使用上面的方法。第二步 直接在需要api的界面调用即可。
2023-05-29 16:07:48
179
原创 vue会话存储的形式传递值
用于临时保存针对一个窗口(或标签页)的数据。在访客关闭窗口或者标签页之前，这些数据是存在的，而关闭之后就会被浏览器删除。在左侧需要sessionStorage.setItem("名",JSON.stringify(传递的值))用于长期保存网站的数据，并且站内任何页面都可以访问该数据。右侧接收JSON.parse(sessionStorage.getItem('名'));JSON.parse将JSON格式字符串转换为js对象。总之 简单的数据使用会话存储，页面关闭就丢失数据。
2023-05-20 17:47:54
240
原创 vue全局事件总线$bus（尚品汇笔记002）
第一步 通过vue全局配置$bus的this指向vm实例。中1主动文件，需要触发事件文件，也就是发送的文件。右1是被动文件，被动的文件，也就是接收兄弟的文件。注意：中1和右1是兄弟关系，一般使用全局事件总线。左1在main.js入口文件。
2023-05-14 12:32:44
161
原创 vue子传父通信自定义组件子传父（尙品汇笔记001）
通过this.$emit方法传递，传递第一个参数是父级接受的名（这个名是在父级@定义的），参数二是需要传递的值（这个值是子级值）：去到父级，调用此方法，并且拿到子级传递的参数（如trademark），即可调用。：来到子级，写点击事件，触发函数并且带入需要传递的参数。：还在子级，使用父级定义的事件，在方法中带入传递的参数。：去到父级，通过@符号定义一个事件。子给父通信使用的自定义事件。
2023-05-14 12:25:53
79
原创 vuex中四个map方法使用
映射相当于把橙色框的内容简写成了黄色框里内容mapState方法 用于映射state中的数据为计算属性mapGetters方法 用于映射getters中的数据为计算属性
2023-04-21 20:46:10
110
原创 Vuex多组件共享数据
根据vuex官网的图可以理解成VueComponents--Actions--Mutations--State（客人--服务员--后厨--上菜）右图state存放初始值，getters相当于处理了state的值，在左侧页面直接可以渲染到数据。而实现要求简单的话可以直接从VueComponents跳到Mutations。红框内容表示可以直接从VueComponents 调用commit接口到达Mutations。先安装npm i vuex@3 提醒：如果是vue2则@3，如果是vue3则@4。
2023-04-21 12:19:15
134
原创 vue作用域插槽slot与template的scope
1： 首先我们的值在c组件（左侧），我们通过slot插槽传送我们的数据，通过语糖:games='games'传送到App.vue（右侧）。使用数据的在（右侧），通过插槽得到，lxw是新定义的名字，lxw渲染出来就是左侧传输的数据。3：我们在template里渲染lxw发现正好就是左侧c组件games里面的值。数据在定义插槽里（左侧）
2023-04-20 21:43:55
604
原创 vue兄弟通信全局事件总线，简述vue中的$emit搭配$on的组件传值
this.$bus.$on('getUsers',(users)=>{console.log('我是List组件，收到数据:',users);先在main.js中声明$bus的指向，为什么叫bus呢？因为程序员都这样写，约定速成，可以理解成公交车（传值的过程很像上车和下车）在需要接收兄弟元素值的代码中写如下代码（on可以理解接收，getUsers是方法名称）同理，getUsers是方法名，后面的参数是右侧页面需要的值。第二步：先在接收数据的页面先绑定（如图右）第三步：接着在发送数据的页面（如图左）
2023-04-18 16:28:25
293
原创 蓝桥杯Web赛道【功能实现】搜一搜呀题目解析
includes(a,b) 括号里第一个参数a为必选参数，表示要查找的某个参数；第二位b为可选参数，表示从某个索引位置开始查找，默认为零。1，使用过滤器filter得到数据。过滤器：filter（）是否包含一个指定的值，如果是返回 true，否则false。2，将符合条件的数据进行筛选。函数：includes()includes()方法用来判断一个。
2023-03-04 20:27:08
353
原创 解决vue脚手架You may use special comments to disable some warnings报错问题
第一次接触vuecli就遇到问题，跟着尚硅谷p62视频写遇到了老师没有的问题。lintOnSave: false, //关闭语法检查。解决办法一：在全局配置中将关闭语法检查。
2023-03-02 20:28:52
679
原创 蓝桥杯web组_数据交互_实现卡号绑定成功
知识点：some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。
2023-02-08 20:28:07
115
原创 一个神奇的vscode插件cssrem
是不是太复杂了，我记得以前写的时候没这么复杂呀，但是差不多大半年没碰了，忘的差不多了，于是还是含泪写含泪看视频。刚开始还在使用媒体查询，使用括号算rem，先划分数，再确定宽度。于是得到公式 页面效果 / (浏览器宽度 / 份数)。当然，默认是1rem=16px，也是可以修改的。写了16px自动帮你转换成rem。于是看完这视频，就到了本文章最重要的部分。最近复习学到了移动端的适配部分。在vscode的设置里面可以修改。根据你开发的情况来修改。于是就有了如下的代码样子。
2022-10-27 21:25:56
1657
2
原创 css的选择器权重问题
权重为0的有 继承和*权重为1的有元素选择器权重为10的有类选择器(class），和伪类选择器权重为100的有ID选择器权重为1000的有行内样式 style权重最大 无敌的有!important (重要的)
2022-09-18 17:10:00
269
原创 web前端表单验证注册信息基础实验1
这里使用的是onblur事件，onblur：用户离开input输入框触发事件。使用到了正则来验证手机号码和邮箱。
2022-09-17 17:42:36
313
原创 湖北专升本开学喽
正好个人的职业方向是web前端，现在开始跟着课学，没事就上b站搜相关的视频跟着做项目。以上就是第一次课程的小实验，真的是简简单单，开胃菜。计算机专业开的课是前端和后端方向的，觉得蛮好的。希望23年秋招顺利，希望在武汉找到合适的工作！
2022-09-07 14:51:00
130
原创 VSCODE无法使用！加tab键无法自动生成HTML模板
刚专升本上岸，找了份兼职，下班了练练代码，结果好久不用，发现！＋tab无法自动生成代码了。结果 上网一查 发现 vscode更新了解决办法一：设置-emment-show Abbreviation suggestions 勾上 解决办法二（我使用的办法二）在设置办法一之后，输入html 然后选择html:5也能自动生成模板，就是需要一段时间去适应...
2022-07-12 22:50:00
384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人