- 博客(4)
- 收藏
- 关注
RSS订阅
原创 Vue路由机制router
1 什么是路由？定义：路由就是根据不同的 URL 地址展示不同的内容或页面。通俗理解：路由就像是一个地图，我们要去不同的地方，需要通过不同的路线进行导航。2 路由的作用单页应用程序（SPA）中，路由可以实现不同视图之间的无刷新切换，提升用户体验；路由还可以实现页面的认证和权限控制，保护用户的隐私和安全；路由还可以利用浏览器的前进与后退，帮助用户更好地回到之前访问过的页面。3 Vue3的路由实现Vue Router 是Vue.js的官方路由嵌套路由映射动态路由选择。
2024-08-09 16:28:52
1431
原创 Vue3视图渲染技术
1.1 模版语法 Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。在底层机制中，Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式系统，当应用状态变更时，Vue 能够智能地推导出需要重新渲染的组件的最少数量，并应用最少的 DOM 操作。 1.1.1 插值表达式和文本渲染 插值表达式:最基本的数据绑定形式是文本插值，它使用的是“
2024-08-15 11:49:21
848
原创 Vue3状态管理Pinia
如何实现多个组件之间的数据传递?方式1 组件传参方式2 路由传参方式3 通过pinia状态管理定义共享数据当我们有多个组件共享一个共同的状态(数据源)时，多个视图可能都依赖于同一份状态。来自不同视图的交互也可能需要更改同一份状态。更强的团队协作约定与 Vue DevTools 集成，包括时间轴、组件内部审查和时间旅行调试模块热更新 (HMR)服务端渲染支持Pinia就是一个实现了上述需求的状态管理库，由 Vue 核心团队维护，对 Vue 2 和 Vue 3 都可用。
2024-08-12 09:53:06
696
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人