Super Bing`s Hexo

Vue.js 组件进阶一、自定义指令1.1 什么是自定义指令自定义指令是 Vue 提供的一种机制,允许你直接对 DOM 元素进行底层操作。当需要对普通 DOM 元素进行底层操作时,自定义指令非常有用。 1.2 注册自定义指令全局注册1234567891011121314// main.jsimport { createApp } from 'vue'import App from './App.vue'const app = createApp(App)// 全局注册指令app.directive('focus', { mounted(el) { el.focus() }})app.mount('#app') 局部注册123456789101112131415<script>export default { directives: { focus: { mounted(e...

Vue.js 状态管理 Pinia一、Pinia 简介1.1 什么是 PiniaPinia 是 Vue.js 的专属状态管理库,它允许你跨组件或页面共享状态。Pinia 于 2021 年成为 Vue.js 官方的状态管理库,取代了 Vuex。 Pinia 的优势: 支持 Vue 2 和 Vue 3 完整的 TypeScript 支持 轻量级,压缩后体积仅 1KB 移除了 mutations,简化了 API 支持 Vue DevTools 模块化设计,无需嵌套模块 支持服务端渲染 1.2 安装 Pinia12345npm install pinia# 或yarn add pinia# 或pnpm add pinia 1.3 基本配置12345678910// main.jsimport { createApp } from 'vue'import { createPinia } from 'pinia'import App from './App.vue'const app =...

Vue Router 路由管理一、Vue Router 基础1.1 什么是 Vue RouterVue Router 是 Vue.js 的官方路由管理器,它深度集成于 Vue.js 核心,让构建单页面应用变得轻而易举。主要功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 导航控制 HTML5 history 模式或 hash 模式 1.2 安装与配置安装1npm install vue-router@4 基本配置123456789101112131415161718192021222324// router/index.jsimport { createRouter, createWebHistory } from 'vue-router'import Home from '../views/Home.vue'import About from '../views/About.vue'const routes = [ { path: '/'...

Vue.js组件化开发一、组件基础1.1 什么是组件组件是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在 Vue 中,组件本质上是一个拥有预定义选项的一个 Vue 实例。 1.2 组件的基本使用123456789101112131415161718192021222324252627<!-- ChildComponent.vue --><template> <div class="child-component"> <h2>{{ title }}</h2> <p>{{ content }}</p> </div></template><script>export default { name: 'ChildComponent', data() { return &...

Vue.js 基础入门教程，涵盖创建应用、模板语法、响应式数据、指令系统、事件处理等核心概念，每个知识点配有实战案例。

Vue.js 3 知识体系总览，从小白到精通的完整学习路线，涵盖基础语法、组件化开发、路由、状态管理、Composition API与项目实战。

Node.js 进阶项目实战，涵盖即时聊天应用、文件管理系统、邮件服务、定时任务、微服务架构等真实业务场景。

Node.js 项目实战教程，通过用户认证系统、RESTful API 服务、网络爬虫三大实战项目，帮助开发者从零到一构建完整的 Node.js 应用。

Node.js 数据库操作实战教程，涵盖 MySQL、MongoDB、Redis 三大主流数据库，以及 Sequelize、Mongoose ORM 框架，帮助开发者快速掌握后端数据存储能力。

Express 框架深度实战教程，从路由系统到中间件机制，从错误处理到 RESTful API 设计，帮助开发者快速构建企业级 Web 应用。