51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

vuejs

Vue双向绑定原理梳理

Vue双向绑定原理梳理

厉飞雨 阅读(158) 评论(0) 赞(9)

<h2>简介 {#简介}</h2> <p>vue数据双向绑定主要是指:数据变化更新视图,视图变化更新数据。<br /> 实现方式:<code>数据劫持</code> 结合 <code>发布者-订阅者</code> 模式。<br /> 数据劫持通过 <code>...

Vue中hash路由和history路由原理及优缺点

Vue中hash路由和history路由原理及优缺点

厉飞雨 阅读(158) 评论(0) 赞(8)

### hash模式: {#hash模式} 1. 原理: 在 url 中的 # 之后对应的是 hash 值, 其原理是通过`window.onhashChange()` 事件监听hash值的变化, 根据路由表对应的hash值来判断加载对应的路由加载对应的组件 2. 优点: (1) 只需要前端配置路由表, 不需要后端的参与 (2) 兼容性好, 浏览器都能支持...

vue-router钩子函数与执行流程

vue-router钩子函数与执行流程

厉飞雨 阅读(104) 评论(0) 赞(6)

全局守卫 {#全局守卫} ------------ ### 前置守卫 `beforeEach` {#前置守卫-beforeEach} 全局前置守卫,在路由跳转前触发,它在 `每次导航` 时都会触发。 |--------------------------------------------------------------------------------------...

vue引入网络图片跨域问题

vue引入网络图片跨域问题

厉飞雨 阅读(126) 评论(0) 赞(8)

<h1>vue请求网络接口中图片报错403解决办法 {#vue请求网络接口中图片报错403解决办法}</h1> <h2>造成原因: {#造成原因:}</h2> <p>网络接口都是有请求限制的,特别是图片字段值是绝对路径的情况,请求的时候就会报错403 forbidden。</p> <h2>解决办...

Vue3.5 更新了啥

Vue3.5 更新了啥

厉飞雨 阅读(152) 评论(0) 赞(7)

前言 {#前言} ======== 2024 年 9 月 1 日,[Vue 3.5"天元突破:红莲螺岩"版本发布](https://blog.vuejs.org/posts/vue-3-5),[完整更新日志](https://github.com/vuejs/core/blob/main/CHANGELOG.md)。 这次更新包含内部改进和实用的新功能,...

Vue笔记[三]-ToDoList

Vue笔记[三]-ToDoList

厉飞雨 阅读(134) 评论(0) 赞(7)

QX-AI GPT-4 QX-AI初始化中... 暂无预设简介,请点击下方生成AI简介按钮。 介绍自己 生成预设简介 推荐相关文章 生成AI简介 查看和运行 {#查看和运行} ============== [github仓库](https://github.com/qxchuckle/ToDoList-Vue) 在1024code上在线查看和运...

Vue笔记[六]-Vue3

Vue笔记[六]-Vue3

厉飞雨 阅读(109) 评论(0) 赞(8)

<p>QX-AI<br /> GPT-4<br /> QX-AI初始化中...<br /> 暂无预设简介,请点击下方生成AI简介按钮。<br /> 介绍自己<br /> 生成预设简介<br /> 推荐相关文章<br /> 生成AI简介</p> <h1>Vue3...

Express+Vue3前后端分离博客

Express+Vue3前后端分离博客

厉飞雨 阅读(97) 评论(0) 赞(6)

<p>QX-AI<br /> GPT-4<br /> QX-AI初始化中...<br /> 暂无预设简介,请点击下方生成AI简介按钮。<br /> 介绍自己<br /> 生成预设简介<br /> 推荐相关文章<br /> 生成AI简介</p> <h1>前言 {...

Vue笔记[四]-动画、Vuex

Vue笔记[四]-动画、Vuex

厉飞雨 阅读(116) 评论(0) 赞(8)

<p>QX-AI<br /> GPT-4<br /> QX-AI初始化中...<br /> 暂无预设简介,请点击下方生成AI简介按钮。<br /> 介绍自己<br /> 生成预设简介<br /> 推荐相关文章<br /> 生成AI简介</p> <h1>过渡与动...