自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 如何用ajax发请求

1.准备一个页面和一个js:2.在页面中编写代码,分四步:3.在8000端口监听的情况下alt+b打开网页,点击按钮:得到结果。

2024-10-13 17:14:51 21

原创 express的简单使用

【代码】express的简单使用。

2024-09-23 21:36:10 213

原创 如何在控制台查看通信报文

请求报文看请求标头和负载,响应报文看响应标头和响应。1.打开百度搜索任意内容,按Fn+F12打开控制台。上图展示的即为请求头内容。上图即为请求行内容。

2024-09-23 18:04:49 301

原创 如何在项目中展示真实数据

1.到需要展示数据的组件中添加生命周期钩子mounted,在挂载完毕时向服务器发请求。

2024-09-19 22:46:42 127

原创 如何在项目中使用vuex

对vuex进行注册,使用,对其中的方法完成初始化(此代码后续新建小仓库后会删除和修改)在终端输入以下命令:npm install --save vuex@3.6.2。即到store>index.js中引入小仓库(删除和修改之前大仓库的代码)至此,可以在不同模块的小仓库中存储对应数据,模块式开发完成。如第10行和第19行代码所示,完成仓库的引入和注册。方便对组件间共用的数据实现集中式状态管理。出现相关版本号即为安装成功。如图为两个小仓库的文件夹内容。如图为小仓库的文件拆分。

2024-09-16 16:48:14 159

原创 如何在项目中使用全局组件

如图,TypeNav即为我们将要建立的全局组件。

2024-09-12 20:52:41 161

原创 如何实现路由传参

1.在搜索框中输入“内容”,内容即为参数,我们的目标是使路由跳转时携带着输入的参数到另一个页面,比如点击搜索按钮,使搜索路由携带着内容参数,由主页跳转到搜索页面。首先,对表单中输入的数据进行双向绑定,使控制台可以接收到用户输入的数据。其他步骤同上,在写法上稍做修改即可。至此,路由参数的传递结束。

2024-09-11 21:44:18 460

原创 如何在项目中控制组件的显示与隐藏

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 170

原创 两种路由跳转方式的使用

使用方法:在需要进行路由跳转的地方加上router-link标签,标签内加上to="/想跳转的路由名"1.在需要进行跳转的标签上加上@click="go跳转组件名"this.$router.push('/跳转组件名')格式为 go跳转组件名(){

2024-09-09 22:30:45 374

原创 路由重定向

即为重定向,可以一进入项目就马上访问到指定位置,这里是首页。重定向:在项目跑起来的时候,访问/,立马让他定向到首页。

2024-09-09 21:36:11 225

原创 路由组件与非路由组件的区别

一.放置位置三.相同点。

2024-09-09 21:33:23 172

原创 使用组件的步骤(路由组件)

2.这里是没有的状态,没有的话需要在终端下载,输入命令:npm install vue-router@3.5.3。1.首先需要新建一个文件夹pages(常用来放路由组件)5.至此,路由的基本配置完毕,登入网页以查看效果。

2024-09-09 17:47:57 302

原创 使用组件的步骤(非路由组件)

位置:app组件export default中的components。位置:app组件<script>与export default间。位置:app组件<template></template>中。格式为:import 组件名 from ‘组件路径’格式为:components:{组件名}状态:刚开始不显色,注册后颜色明显。1.定义(创建一个组件)至此,组件的使用完成。

2024-09-04 21:45:02 170

原创 如何实现静态页面的组件化管理

在已经有静态页面的情况下,需要把代码拆分迁移到各个组件中。1: 书写静态页面(HTML + CSS)一:以头部组件为例,找到静态页面的骨架代码。3: 获取服务器的数据动态展示。4: 完成相应的动态业务逻辑。将头部部分代码复制到组件中来。三:完成相关图片资源的迁移。

2024-09-04 20:58:13 144

原创 如何拆分组件(简单)

头部和底部是非路由组件,中间部分是路由组件。

2024-09-04 20:11:32 156

原创 vue2脚手架 结构文件夹介绍

assets文件夹:经常放置一些静态资源(多个组件共用的静态资源),assets文件夹里面资源webpack会进行打包为一个模块(js文件夹里面)2.public:一般放置一些共用的静态资源(图片),打包上线的时候,public文件夹里面资源原封不动打包到dist文件夹里面。6.package.json:看到项目描述、项目依赖、项目运行指令(项目叫什么,怎么运行,有什么依赖)components文件夹:一般放置非路由组件(或者项目共用的组件,全局组件)9.vue.config.js:常见的配置代理。

2024-09-03 22:52:01 201

原创 如何创建一个vue2项目

如何创建一个vue2项目

2024-07-28 22:50:25 154

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除