51工具盒子

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

vuejs

Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router

Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router

厉飞雨 阅读(65) 评论(0) 赞(4)

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

Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范

Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范

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

> 项目代码同步至码云 [weiz-vue3-template](https://gitee.com/weizwz/weiz-vue3-template) > 要求代码规范,主要是为了提高多人协同和代码维护效率,结合到此项目,具体工作就是为项目配置 `eslint` 和 `prettier`。 editorconfig {#editorconfig} ----...

Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置

Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置

厉飞雨 阅读(92) 评论(0) 赞(3)

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

vue3项目部署到Github

vue3项目部署到Github

厉飞雨 阅读(67) 评论(0) 赞(5)

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

Vue双向绑定原理梳理

Vue双向绑定原理梳理

厉飞雨 阅读(107) 评论(0) 赞(5)

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

vue多界面开发

vue多界面开发

厉飞雨 阅读(77) 评论(0) 赞(4)

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

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

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

厉飞雨 阅读(108) 评论(0) 赞(5)

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

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

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

厉飞雨 阅读(74) 评论(0) 赞(3)

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