2024-12-16 厉飞雨 阅读(82) 评论(0) 赞(7)

<blockquote> <p>项目代码同步至码云 <a href="https://gitee.com/weizwz/weiz-vue3-template">weiz-vue3-template</a><br /> 基于 <code>axios</code> 封装请求，支持...

2024-12-16 厉飞雨 阅读(157) 评论(0) 赞(6)

> 实例项目使用 vite5 + vue3 + ts，项目地址 [vite-vue3-charts](https://github.com/weizwz/vite-vue3-charts)，预览地址 [https://weizwz.com/vite-vue3-charts](https://51tbox.com/) 准备工作 {#准备工作} ------------ ...

2024-12-16 厉飞雨 阅读(115) 评论(0) 赞(6)

<blockquote> <p>项目代码同步至码云 <a href="https://gitee.com/weizwz/weiz-vue3-template">weiz-vue3-template</a><br /> pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 ...

2024-12-16 厉飞雨 阅读(136) 评论(0) 赞(7)

> 项目代码同步至码云 [weiz-vue3-template](https://gitee.com/weizwz/weiz-vue3-template) > 关于vite的详细配置可查看 [vite官方文档](https://cn.vitejs.dev/config/)，本文简单介绍vite的常用配置。 初始内容 {#初始内容} ------------ ...

2024-12-16 厉飞雨 阅读(105) 评论(0) 赞(7)

<blockquote> <p>此教程适应于以webpack，vue-cli，vite等脚手架构建的vue项目。当然，vue2和vue3都是可以滴。</p> </blockquote> <ol> <li>前提：你的代码库已经提交到Github上 {#1-前提：你的代码库已经提交到Github上}</l...

2024-12-16 厉飞雨 阅读(101) 评论(0) 赞(6)

> 项目代码同步至码云 [weiz-vue3-template](https://gitee.com/weizwz/weiz-vue3-template) > [Vue Router](https://router.vuejs.org/zh/) 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1....

2024-12-16 厉飞雨 阅读(109) 评论(0) 赞(6)

<h3>1. 安装 <code>vue-cli</code>，已有的请跳过这一步 {#1-安装-vue-cli，已有的请跳过这一步}</h3> <p>|-----------|---------------------------------| | <code>1</code> | <co...

2024-12-16 厉飞雨 阅读(157) 评论(0) 赞(8)

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

2024-12-16 厉飞雨 阅读(84) 评论(0) 赞(6)

<blockquote> <p>项目代码同步至码云 <a href="https://gitee.com/weizwz/weiz-vue3-template">weiz-vue3-template</a></p> </blockquote> <h2>前提准备 {#前提准备}&...

2024-12-13 厉飞雨 阅读(150) 评论(0) 赞(7)

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