Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
> 项目代码同步至码云 [weiz-vue3-template](https://gitee.com/weizwz/weiz-vue3-template) > [Vue Router](https://router.vuejs.org/zh/) 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 1....
> 项目代码同步至码云 [weiz-vue3-template](https://gitee.com/weizwz/weiz-vue3-template) > [Vue Router](https://router.vuejs.org/zh/) 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 1....
> 项目代码同步更新至码云 [uni-vue3-ts-template](https://gitee.com/weizwz/uni-vue3-ts-template) 开发前准备 {#开发前准备} -------------- 利用 `uni-app` 开发,有两种方法: 1. 通过 `HBuilderX` 创建(需安装 `HBuilderX` 编辑器) 2. 通过...
> 项目代码同步至码云 [weiz-vue3-template](https://gitee.com/weizwz/weiz-vue3-template) > 关于tsconfig的配置字段可查看其他文档,如 [typeScript tsconfig配置详解](https://juejin.cn/post/6844904093568221191) `tscon...
<blockquote> <p>项目代码同步至码云 <a href="https://gitee.com/weizwz/weiz-vue3-template">weiz-vue3-template</a><br /> 基于 <code>axios</code> 封装请求,支持...
<h2>简介 {#简介}</h2> <p>vue数据双向绑定主要是指:数据变化更新视图,视图变化更新数据。<br /> 实现方式:<code>数据劫持</code> 结合 <code>发布者-订阅者</code> 模式。<br /> 数据劫持通过 <code>...
<blockquote> <p>项目代码同步至码云 <a href="https://gitee.com/weizwz/weiz-vue3-template">weiz-vue3-template</a></p> </blockquote> <h2>前提准备 {#前提准备}&...
<h3>1. 安装 <code>vue-cli</code>,已有的请跳过这一步 {#1-安装-vue-cli,已有的请跳过这一步}</h3> <p>|-----------|---------------------------------| | <code>1</code> | <co...
### hash模式: {#hash模式} 1. 原理: 在 url 中的 # 之后对应的是 hash 值, 其原理是通过`window.onhashChange()` 事件监听hash值的变化, 根据路由表对应的hash值来判断加载对应的路由加载对应的组件 2. 优点: (1) 只需要前端配置路由表, 不需要后端的参与 (2) 兼容性好, 浏览器都能支持...
前言 {#前言} ======== 2024 年 9 月 1 日,[Vue 3.5"天元突破:红莲螺岩"版本发布](https://blog.vuejs.org/posts/vue-3-5),[完整更新日志](https://github.com/vuejs/core/blob/main/CHANGELOG.md)。 这次更新包含内部改进和实用的新功能,...
全局守卫 {#全局守卫} ------------ ### 前置守卫 `beforeEach` {#前置守卫-beforeEach} 全局前置守卫,在路由跳转前触发,它在 `每次导航` 时都会触发。 |--------------------------------------------------------------------------------------...