- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue3笔记
10. **Global API Changes**：Vue3的全局API有所调整，如`Vue.extend()`被`createApp()`取代，`new Vue()`被`app.mount()`替换，这些改变让Vue3的API更加清晰和一致。4. **Teleport**：Vue3引入了``，允许将特定的元素“传送”到DOM树的其他位置，比如用于解决模态框、弹窗等组件定位的问题，避免了嵌套的`v-if`或者插槽带来的复杂性。这使得开发者可以更好地管理异步加载的组件，提升用户体验。
2024-11-13 16:03:32
344
原创 vue中进入详情页记住滚动位置的方法(keep-alive)
以上就是通过Vue的keep-alive组件实现进入详情页记住滚动位置的方法。步骤三：记录和恢复滚动位置 在目标详情组件中，需要注册滚动事件并记录滚动位置，在页面激活时恢复滚动位置。步骤二：在App.vue中使用keep-alive标签 接着，在应用的根组件App.vue中，利用keep-alive标签包裹router-view，以便对需要缓存的路由视图进行缓存。在实现滚动位置记忆功能时，主要的思路是利用keep-alive的特性，在页面切换时记录下当前滚动位置，并在页面重新激活时恢复滚动位置。
2024-11-13 14:20:40
1057
原创 vue+springboot前后端分离实现单点登录跨域问题解决方法
使用 Axios 发送请求 使用 Axios 发送请求时，我们需要设置 `withCredentials` 属性为 `true`，否则，请求不会携带Cookie 信息，导致登录失效问题。我们使用 CORS 来解决跨域问题，并使用 Axios 发送请求时，需要设置 `withCredentials` 属性为 `true`。在上面的代码中，我们使用 `@WebFilter` 和 `@Component` 注解来标注这个过滤器。不要使用 `*`，因为使用 `*` 只能解决跨域问题，但不能解决登录失效问题。
2024-11-13 13:31:52
333
原创 vue使用localStorage保存登录信息 适用于移动端、PC端
当用户成功登录时，`Login` action会被调用，通过`setlocalStorage(data.token)`将服务器返回的token保存到`localStorage`中，然后调用`SET_TOKEN` mutation将token更新到Vuex的状态中。在`user.js`文件中，我们看到`getToken`、`setToken`和`removeToken`这些与Cookie相关的函数，但这里应该是用于`localStorage`操作的误写，因为题目中明确提到使用`localStorage`。
2024-11-13 13:25:46
648
原创 解决vue单页面 回退页面 keeplive 缓存问题
`activated` 和 `deactivated` 钩子：这两个钩子在组件被激活和停用时触发，是`keep-alive` 组件特有的。1. **配置全局的`keep-alive`** 在`app.vue` 文件中，我们需要修改`router-view` 的结构，以包裹`keep-alive` 组件。4. **在`activated` 钩子中处理刷新** 当用户从B页面返回A页面时，如果`isBack` 为`false`，则需要在`activated` 钩子中刷新A页面的状态。
2024-11-13 12:31:27
1007
原创 vue跳转页面常用的几种方法
vue跳转页面有好几种不同方法，下面将通过实例代码给大家介绍，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下。1：router-link跳转。
2024-11-13 11:57:20
5151
原创 了解vue
Vue没有完全遵循了MVVM模型MVVM 是 Model-View-ViewModel 的缩写，就是将其中的 View 的状态和行为抽象化，让我们将视图和业务逻辑分开。jQuery 是通过操作 DOM 来控制数据，比较笨重而且渲染数据比较麻烦，Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。jquery是插件，是对js原生选择器和DOM操作的封装，vue是框架，有很大一部分操作都是框架内部处理的，在编程上和原生js有很大的区别。MVVM 是 MVC 的改进版。
2024-11-07 11:23:24
179
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人