- 博客(20)
- 收藏
- 关注
原创 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
原创 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
原创 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
原创 计算属性与插槽
数据传递子组件传递数据给父组件:子组件通过<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关注的人