vue 原理VueVue. js 是一个渐进式 JavaScript 框架，用于构建用户界面。它设计之初的目标是易于上手和集成，同时也能支持大型应用的开发。以下是 Vue. js 的一些主要特点和优势： 1. 声明式数据绑定Vue. js 使用声明式...

pinia在深入研究核心概念之前，我们得知道 Store 是用 defineStore() 定义的，它的第一个参数要求是一个独一无二的名字：这个名字 ，也被用作 id ，是必须传入的， Pinia 将用它来连接 store 和 devtools。为了...

router入门 | Vue Router 基础创建路由器实例1const router = createRouter({ history: createMemoryHistory(), routes, }) 注册路由器插件​一旦...

router进阶导航守卫正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。 全局前置守卫 ​你可以使用 router.beforeEach 注册一个...

01 注册一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册我们可以使用 Vue 应用实例的 .component() 方法，让组件在当前 Vue 应用中全局...

vite构建生产版本 | Vite 官方中文文档部署静态站点 | Vite 官方中文文档Vite（法语意为 “快速的”，发音 /vit/ ）是一种前端构建工具。两个部分组成： 一个开发服务器esbuild，它基于 原生 ES 模块 ECMAScri...

02 PropsProps 声明一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是 05 透传 Arrtibutes。在使用 <script setup> 的单文件组件中，props 可...

03 事件触发与监听事件在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件 (例如：在 v-on 的处理函数中)： 12<!-- MyComponent --><button @click="$emit(&...

04 组件 v-model基本用法v-model 可以在组件上使用以实现双向绑定。从 Vue 3.4 开始，推荐的实现方式是使用defineModel()宏： 1234567891011<!-- Child.vue --><scri...

05 透传 ArrtibutesAttributes 继承“透传 attribute”指的是==传递给一个组件，却没有被该组件声明==为 props 或 emits 的 attribute 或者 v-on 事件...