- 博客(17)
- 收藏
- 关注
原创 如何用ajax发请求
1.准备一个页面和一个js:2.在页面中编写代码,分四步:3.在8000端口监听的情况下alt+b打开网页,点击按钮:得到结果。
2024-10-13 17:14:51 21
原创 如何在控制台查看通信报文
请求报文看请求标头和负载,响应报文看响应标头和响应。1.打开百度搜索任意内容,按Fn+F12打开控制台。上图展示的即为请求头内容。上图即为请求行内容。
2024-09-23 18:04:49 301
原创 如何在项目中使用vuex
对vuex进行注册,使用,对其中的方法完成初始化(此代码后续新建小仓库后会删除和修改)在终端输入以下命令:npm install --save vuex@3.6.2。即到store>index.js中引入小仓库(删除和修改之前大仓库的代码)至此,可以在不同模块的小仓库中存储对应数据,模块式开发完成。如第10行和第19行代码所示,完成仓库的引入和注册。方便对组件间共用的数据实现集中式状态管理。出现相关版本号即为安装成功。如图为两个小仓库的文件夹内容。如图为小仓库的文件拆分。
2024-09-16 16:48:14 159
原创 如何实现路由传参
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
原创 使用组件的步骤(路由组件)
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
原创 vue2脚手架 结构文件夹介绍
assets文件夹:经常放置一些静态资源(多个组件共用的静态资源),assets文件夹里面资源webpack会进行打包为一个模块(js文件夹里面)2.public:一般放置一些共用的静态资源(图片),打包上线的时候,public文件夹里面资源原封不动打包到dist文件夹里面。6.package.json:看到项目描述、项目依赖、项目运行指令(项目叫什么,怎么运行,有什么依赖)components文件夹:一般放置非路由组件(或者项目共用的组件,全局组件)9.vue.config.js:常见的配置代理。
2024-09-03 22:52:01 201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人