- 博客(36)
- 收藏
- 关注
RSS订阅原创 如何在项目中动态展示数据
将 Vuex store 中的 getter 映射到组件的计算属性中。另外，为了简化计算， 在getters中先计算好对应信息。加一个skuInfo，下面数据就多一个 skuInfo。
2024-11-18 13:42:02
366
原创 如何在vue项目写接口、用vuex获取数据
整个代码的目的是创建一个名为的函数，这个函数接受一个skuId参数，并使用GET方法向这个URL发送请求，以获取特定商品的信息。这个函数被导出，所以可以在其他模块中调用。四.用vuex三连环获取页面数据1.到store中创建该模块的小仓库2.到index中合并小仓库3.到小仓库中发请求捞数据async关键字async关键字表示这个函数是一个异步函数。异步函数返回一个 Promise，可以使用await关键字来等待 Promise 的解析。函数是一个方法名，你可以根据需要命名。
2024-11-18 10:44:02
2648
1
原创 如何在项目中用elementui实现分页器功能
5.在需要用到分页器的组件像服务器发请求（实现按钮和页面跳转的绑定）这是 Element UI 库中的一个组件，用于创建分页器。3.在分页器组件接收参数。
2024-11-15 15:25:39
1959
1
原创 vue组件在项目中的常用业务逻辑（1）
2.去vuex仓库（store>home.js）存储数据（state mutations actions三连环）1.在api>index.js获取接口数据（这里是模拟数据）4.数据在父组件上，所以要进行父子组件通信：（props）（最后）在pages>Home>index.vue。若要使用一个组件（已有基本结构）至此，可以看见数据已经获取到。后台数据的传输已经完成。
2024-10-30 22:50:49
281
原创 如何在项目中使用mockjs模拟数据
格式为：mock数据:第一个参数请求地址，第二个参数:请求数据。2.创建mock文件夹和相应文件。1.在npm中下载mock插件。
2024-10-24 16:59:18
296
原创 如何在项目中使用接口
，并重新抛出错误，以便调用这个函数的地方能够处理这个错误。这个方法发送一个 GET 请求到指定的 URL (5.在index.js中实现对接口的统一管理：在。)，并等待它返回结果。如果请求成功，获取的。如图，“code”：200表示请求成功。如果请求失败，控制会转移到。块，输出错误信息到控制台（
2024-10-17 19:36:26
286
原创 如何用ajax发请求
1.准备一个页面和一个js：2.在页面中编写代码，分四步：3.在8000端口监听的情况下alt＋b打开网页，点击按钮：得到结果。
2024-10-13 17:14:51
369
原创 如何在控制台查看通信报文
请求报文看请求标头和负载，响应报文看响应标头和响应。1.打开百度搜索任意内容，按Fn＋F12打开控制台。上图展示的即为请求头内容。上图即为请求行内容。
2024-09-23 18:04:49
1039
原创 如何在项目中使用vuex
对vuex进行注册，使用，对其中的方法完成初始化（此代码后续新建小仓库后会删除和修改）在终端输入以下命令：npm install --save vuex@3.6.2。即到store>index.js中引入小仓库（删除和修改之前大仓库的代码）至此，可以在不同模块的小仓库中存储对应数据，模块式开发完成。如第10行和第19行代码所示，完成仓库的引入和注册。方便对组件间共用的数据实现集中式状态管理。出现相关版本号即为安装成功。如图为两个小仓库的文件夹内容。如图为小仓库的文件拆分。
2024-09-16 16:48:14
250
原创 如何实现路由传参
1.在搜索框中输入“内容”，内容即为参数，我们的目标是使路由跳转时携带着输入的参数到另一个页面，比如点击搜索按钮，使搜索路由携带着内容参数，由主页跳转到搜索页面。首先，对表单中输入的数据进行双向绑定，使控制台可以接收到用户输入的数据。其他步骤同上，在写法上稍做修改即可。至此，路由参数的传递结束。
2024-09-11 21:44:18
683
原创 如何在项目中控制组件的显示与隐藏
2.这里我们以Footer组件为例，主页、搜索底部是有Footer组件，而登录、注册是没有Footer组件，我们考虑用v-show|v-if实现组件的显示与隐藏。<该组件 v-show="$route.path=='/显示的页面组件'||$route.path=='/显示的页面组件'"/>1.有些组件在一个页面中有用到而另一个页面没有，所以在用到的页面我们要控制组件显示，没有用到的页面控制组件隐藏。3.由于v-if需要操作dom而v-show是通过样式display控制，所以选择v-show好一些。
2024-09-10 21:25:04
534
原创 两种路由跳转方式的使用
使用方法：在需要进行路由跳转的地方加上router-link标签，标签内加上to="/想跳转的路由名"1.在需要进行跳转的标签上加上@click="go跳转组件名"this.$router.push('/跳转组件名')格式为 go跳转组件名（）{
2024-09-09 22:30:45
562
原创 使用组件的步骤（路由组件）
2.这里是没有的状态，没有的话需要在终端下载，输入命令：npm install vue-router@3.5.3。1.首先需要新建一个文件夹pages（常用来放路由组件）5.至此，路由的基本配置完毕，登入网页以查看效果。
2024-09-09 17:47:57
410
原创 使用组件的步骤（非路由组件）
位置：app组件export default中的components。位置：app组件<script>与export default间。位置：app组件<template></template>中。格式为：import 组件名 from ‘组件路径’格式为：components：{组件名}状态：刚开始不显色，注册后颜色明显。1.定义（创建一个组件）至此，组件的使用完成。
2024-09-04 21:45:02
234
原创 如何实现静态页面的组件化管理
在已经有静态页面的情况下，需要把代码拆分迁移到各个组件中。1: 书写静态页面(HTML + CSS)一：以头部组件为例，找到静态页面的骨架代码。3: 获取服务器的数据动态展示。4: 完成相应的动态业务逻辑。将头部部分代码复制到组件中来。三：完成相关图片资源的迁移。
2024-09-04 20:58:13
235
原创 vue2脚手架 结构文件夹介绍
assets文件夹：经常放置一些静态资源（多个组件共用的静态资源），assets文件夹里面资源webpack会进行打包为一个模块（js文件夹里面）2.public:一般放置一些共用的静态资源(图片)，打包上线的时候，public文件夹里面资源原封不动打包到dist文件夹里面。6.package.json：看到项目描述、项目依赖、项目运行指令（项目叫什么，怎么运行，有什么依赖）components文件夹:一般放置非路由组件（或者项目共用的组件，全局组件）9.vue.config.js:常见的配置代理。
2024-09-03 22:52:01
356
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人