自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 mock.js模拟数据

Mosk后端数据模拟

2025-03-26 19:02:13 255

原创 Vue3学习笔记

1. 什么是hook?–本质是一个函数,把setup函数中使用的Composition APl行了封装。

2025-03-14 20:21:41 694

原创 Vue代理与Vuex模块化学习

Action和Mutation相似,一般不用Mutation 异步操作,若要进行异步操作,使用Action原因:为了方便devtools打个快照存下来,方便管理维护。**概念:**在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),:提供唯一的公共数据源,所有共享的数据统一放到store的state进行储存,相似与data。:类似于vue中的computed,进行缓存,对于Store中的数据进行加工处理形成新的数据。

2025-03-07 10:57:59 409

原创 vue基础知识(五)

把学校名给Appdata(){return {'name':'武汉大学','address':"湖北武汉"},methods:{

2025-02-23 15:41:42 699

原创 常用的DOS和Shell命令

dir显示当前目录下的文件和子目录列表dir /w(以宽列表格式显示)cd切换目录(进入 C 盘 Users 目录)cd ..(返回上一级目录)md或mkdir创建新目录或rmdir删除空目录/s删除非空目录及其内容)

2025-02-18 20:31:35 761

原创 todoList案例

3.使用v-model时要切记:v-model绑定的值不能是props传过来的值,因为props是不可以修改的!2).一些组件在用:放在他们共同的父组件上(状态提升)(3).实现交互:从绑定事件开始。4.props传过来的若是对象类型的值,修改对象中的属性时Vue不会报错,但不推荐这样做。(2).子组件 ==>父组件 通信(要求父先给子一个函数)1).一个组件在用:放在组件自身即可.(1).父组件 ==>子组件 通信。**总结TodoList案例 **

2025-02-18 18:33:57 138

原创 Vue基础知识(四)

Vue中使用组件的三大步骤:1.定义组件(创建组件)注册组件2.使用组件(写组件标签)3.如何定义一个组件?创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别:

2025-02-01 20:58:32 1002

原创 vue基础知识(三)

Vue的set()属性1.向响应式对象中添加一个 propery,并确保这个新 property 同样是响应式的,且触发视图更新。2.它必须用于向响应式对象上添加新 property,因为 Vue 无法探测普通的新增 property。3.注意对象不能是 Vue 实例,或者 Vue 实例的根数据对象.总结:Vue监视数据的原理: 1.vue会监视data中所有层次的数据、 2.如何监测对象中的数据?通过setter实现监视,且要在newVue时就传入要监测的数据,(1).对象中后追加的属

2025-01-24 10:11:03 843

原创 Vue基础知识(二)

Vue基础知识(二)一、计算属性:1.定义:拿普通的属性进行加工计算,生成一个全新的属性;2.原理:底层借助了0bjcet.defineproperty方法提供的getter和setter。3.get函数什么时候执行?(1).初次读取时会执行一次。(2).当依赖的数据发生改变时会被再次调用。4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。5.备注:1.计算属性最终会出现在vm上,直接读取使用即可。2.如果计算属性要被修改,那必须写set函数去响应修改,且s

2025-01-15 21:31:34 728

原创 Vue基础知识(一)

vue基础知识(一)

2025-01-13 16:51:09 914

原创 Ajax学习笔记

);});//其中第一个参数是请求的服务器地址//第二个参数书发送给服务器的参数//第三个参数是回调函数,即携带服务器返回来的数据或:$.ajax({data: { name: "John", time: "2pm" } ,//url请求参数:可选},});

2025-01-12 19:45:13 970

原创 Vue中404和路由钩子

hash 模式是一种页面跳转的方式,。在 Vue 项目中,hash 模式通常用于前端路由。Vue 前端路由使用 hash 模式,是因为 hash 模式不需要后端支持,而且可以在不改变 URL 的同时实现页面跳转和数据更新。:history 模式是一种页面跳转的方式,它会在浏览器的 URL 栏中显示跳转后的页面地址,并且页面不会重新加载。history 模式的 URL 看起来和普通的 HTTP URL 一样,使得页面跳转看起来更像传统的网站导航。

2025-01-09 15:51:29 810

原创 Vue参数传递与重定向

1.在Main.vue中,通过v-bind绑定,to="{}"定义多个属性,通过param参数进行参数传递,这里两种方式相同。3.在另一个组件中取出参数,这里举例为Profile.vue文件,特别注意的是,

2025-01-08 18:13:09 203

原创 路由嵌套的使用

许在父路由组件中嵌套子路由组件。这使得可以构建复杂的页面结构,同时保持组件的模块化和可维护性。

2025-01-08 11:20:50 163

原创 Vue与ElementUI

创建View文件夹,在其中编写视图组件在router文件夹下的index.js中配置路由在主程序入口main.js中配置路由和elementUI的使用在主APP.vue中配置视图的使用。

2025-01-07 20:49:24 757

原创 vue-cli与webpack打包

Webpack 本身只能处理 JavaScript 和 JSON 文件,Loader 使得 Webpack 能够处理其他类型的文件。Vue CLI 采用插件化的架构,拥有丰富的插件生态系统。输入npm -v查看对应的npm版本号;Vue CLI 提供了脚手架功能,可以快速生成 Vue 项目的初始结构和配置文件。:用于执行打包过程中的各种任务,如压缩文件、生成 HTML 文件、清理输出目录等。通过Dos命令,进入到你想建立的第一程序的文件夹;在文件夹下创建first.js和main.js文件。

2025-01-07 16:41:39 1072

原创 Vue路由学习笔记

VueRouter

2025-01-06 20:43:21 318

原创 第一个vue-cli程序与Webpack打包

http://nodejs.cn/download/

2025-01-05 20:42:59 850

原创 计算属性与插槽

数据传递子组件传递数据给父组件:子组件通过<slot>标签的v-bind指令将数据传递给父组件。父组件可以在插槽内容中访问这些数据。使用方式:父组件通过v-slot:插槽名称="slotProps"(或简写为#插槽名称="slotProps")来接收数据,并在插槽内容中使用slotProps来访问传递过来的数据。使用场景列表渲染:例如,在列表组件中,子组件可以将列表项的数据作为作用域传递给父组件,父组件可以根据这些数据自定义列表项的渲染方式。表单组件。

2025-01-04 23:36:50 837

原创 vue_Axios学习笔记

同步请求是指当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于生活中的排队,必须等待前一个人完成自己的事物,后一个人才能接着办。默认异步:异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。异步请求可以完全不影响用户的体验效果,无论请求的时间长或者短,用户都在专心的操作页面的其他内容,并不会有等待的感觉。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

2024-12-29 11:17:40 943

空空如也

空空如也

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

TA关注的人

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