- 博客(32)
- 收藏
- 关注
原创 Vue的状态机和axios的二次封装
在src文件中创建store文件夹创建两个状态机模块。首先在main.js中引入store状态机。在index.js中引入不同的状态机模块。第一步:引入辅助函数从Vuex中。首先在html页面中使用。第一步声明状态机的配置项。第二步创建状态机实例。第三步注册状态机实例。
2023-12-18 18:46:14
1033
原创 VueRouter的编程式导航和导航守卫
Vue Router 提供了编程式导航的方法,这意味着你可以在 JavaScript 中编写代码来导航到不同的路由。这通常在处理用户交互或其他异步操作时很有用。要实现编程式导航,你可以使用方法。这个方法接受一个路由对象或者一个路由路径字符串作为参数。1.name params跳转并传参 参数不会携带在地址栏,是一次性数据携带,刷新页面数据丢失2.path query跳转并传参 参数会携带再地址栏,刷新页面数据不会丢失。
2023-12-15 19:46:48
187
原创 vue混入、路由、动态路由匹配
在 Vue.js 中,"混入"(mixins)是一种代码重用的方式,它允许你在多个组件之间共享 Vue 组件的选项。混入对象可以包含任何组件选项。当组件使用混入对象时,所有混入对象的选项都会被“混合”进入该组件的选项。
2023-12-14 17:04:03
678
原创 vue中render函数、过滤器和动态组件的使用方法
在 Vue.js 中,render函数是一个高级 API,允许你使用底层的虚拟 DOM 来创建和更新视图。它是更简洁和灵活的方式,但是,对于初学者来说,它可能比使用模板更难理解。首先,要了解 Vue 的核心是一个基于虚拟 DOM 的库。当你的组件状态更改时,Vue 会创建一个虚拟 DOM 来表示你的视图。然后,这个虚拟 DOM 会与实际的 DOM 进行比较,找出差异,并更新只有那些差异。render函数允许你直接操作这个虚拟 DOM。这是一个简单的render在这个例子中,是一个用于创建虚拟节点的函数。
2023-12-13 14:41:07
477
原创 axios请求拦截和响应拦截
成功配置是在请求成功或响应成功时执行的,错误配置是在请求或响应失败时执行的。响应拦截器是在服务器响应返回到客户端之前执行的,可以在响应拦截器中对响应进行一些处理,比如根据响应的状态码进行一些特殊处理。请求拦截器是在发送请求之前执行的,可以在请求拦截器中对请求进行一些预处理,比如设置统一的请求头、添加请求体验证等。在上面的例子中,第一个函数是处理成功的请求,第二个函数是处理错误的请求。Axios的请求拦截器和响应拦截器都是非常有用的工具,它们可以在请求发送到服务器之前或响应返回到客户端之前进行干预。
2023-12-12 16:02:20
478
原创 axios的使用
如果您想在浏览器中使用 Axios,首先需要安装它。您可以使用 npm(Node 包管理器)或 yarn 来安装 Axios。安装完成后,您可以在 JavaScript 文件中引入 Axios,并使用它来发送 HTTP 请求。安装完成后,您可以在 JavaScript 文件中引入 Axios,并使用它来发送 HTTP 请求。Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。如果您想在 node.js 中使用 Axios,首先需要安装它。
2023-12-11 14:49:35
760
原创 vue中组件传值方法
一、1.在子组件标签中写入父组件传递数据 向下传递prop2.在子组件内声明props选项接收父组件传递的数据 props:['','','']二、1.父组件使用provide提供传递数据或者方法2.子组件使用inject注入传递的数据或者方法三、事件总线 $emit 和 $on vue实例调用方法1.新建event.js2.在父组件中使用$emit发射自定义事件同时传递参数Bus.$emit('自定义事件名称',传递数据)
2023-12-08 19:39:58
385
原创 Vue计算属性
在Vue中,计算属性(Computed Properties)是一种方便的属性类型,用于根据其他变量或属性计算出一个新值。计算属性是基于它们的依赖进行缓存的,只有在相关依赖发生改变时才会重新计算。计算属性在Vue实例中定义,使用computed选项来声明。在这个示例中,我们定义了一个名为fullName的计算属性。它依赖于firstName和lastName两个数据属性。当这两个属性发生改变时,fullName将重新计算并返回新的值。
2023-12-07 15:00:32
158
原创 Vue中常见的面试题(一)
上层框架 只关注数据驱动 借鉴MVVM模式MVVM是Model-View-ViewModel的简写,它是一种设计思想,它从WPF(Windows Presentation Foundation)的绑定概念衍生而来,并扩展到了前端JavaScript框架,使得视图层可以更加方便地和业务逻辑层进行分离。在MVVM中,M(Model)是指数据模型,V(View)是指用户界面,VM(ViewModel)是指视图模型。ViewModel是M和V之间的桥梁,它负责将M的数据同步到V上,反之亦然。
2023-12-06 20:40:21
345
原创 vue的生命周期
在 Vue 实例中定义了所有的生命周期钩子函数,并在每个函数中输出了一条日志信息。当 Vue 实例创建、挂载、更新和销毁时,我们可以在控制台中查看相应的日志信息,从而了解 Vue 生命周期的执行过程。Vue 生命周期钩子函数是指在 Vue 实例从创建到销毁的整个生命周期中,Vue 提供的一些方法接口。这些方法接口可以在适当的时机执行相关的操作,比如数据初始化、组件更新、DOM 渲染等。
2023-12-05 14:30:36
689
原创 js中的同步任务和异步任务
事件循环的工作原理是:单线程执行栈中的代码(宏任务),当宏任务执行完成后,会检查微任务队列,如果有微任务,就执行所有的微任务,直到微任务队列清空。一个宏任务结束后,微任务队列中的所有任务都会被执行,直到队列清空。:与同步任务不同,异步任务不会阻塞代码的执行。当一个任务正在执行时,其他任务必须等待,直到当前任务完成,然后才会执行下一个任务。在JavaScript中,宏任务(Macro-task)和微任务(Micro-task)是异步任务的两种分类,它们主要在事件循环中处理异步操作。
2023-12-04 16:08:47
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人