标签: vue3 | wddnmjのblog

算法 1 设计模式 1 Python 1 qinglong 1 SpringBoot 0 vue3 11 Java 0 Halo 0

vue3 未读

vue3——基础语法

1. 基础语法 1.1. 模板语法 1.1.1. 文本插值通过Mustache语法（即{{ }}）可以将普通文本绑定到DOM <span>Message: {{ msg }}</span> 1.1.2. 原始HTML

vue3 2025-07-10

vue3 未读

vue3——生命周期&勾子函数

生命周期钩子函数 setup() : 开始创建组件之前，在 beforeCreate

vue3 2025-07-08

vue3 未读

vue3——插槽

默认插槽默认插槽是最基础的插槽类型，它允许父组件向子组件传递内容，这些内容会被渲染在子组件的默认插槽位置上。假设有子组件ChildComponent.vue，代码如下。  <template> <div class="child-comp

vue3 2025-07-08

vue3 未读

vue3——前后端通信

1. 前后端通信 1.1. axios 1.1.1. 安装与使用 npm install axios axios提供了多种简化HTTP请求的方法，使得与RESTful API的交互变得简单直观。以下是axios常用的几种方法。 [插图] axios.get(url[, config])：用于发送GE

vue3 2025-07-11

vue3 未读

vue3——集成路由Vue Router

1. 集成路由Vue Router 1.1. 使用 1.1.1. 安装Vue Router 在项目的根目录下，运行以下命令安装与Vue 3兼容的Vue Router最新版本。 npm install vue-router@4 1.1.2. 创建路由配置创建router.js文件或在rout

vue3 2025-07-11

vue3 未读

vue3——集成Element Plus

1. 集成Element Plus 1.1. 安装组件首先，确保项目已经安装了Vue 3。然后，在项目的根目录下打开命令行或终端，运行以下命令来安装Element Plus的最新版本。 pnpm install element-plus --save 此命令将Element Plus添加到

vue3 2025-07-11

vue3 未读

vue3——集成Pinia

1. 集成Pinia 状态管理提供了一种机制，使我们可以在应用的不同部分之间高效地共享和管理状态，而不是将状态散布在多个组件或页面中。 1.1. Pinia基本使用 1.1.1. 使用npm安装Pinia 在项目的根目录下打开终端，执行以下命令。 npm install pinia 1.1.2. 创

vue3 2025-07-11

vue3 未读

vue3——集成SCSS

1. 集成SCSS npm install sass sass-loader --save-dev pnpm install sass sass-loader --save-dev

vue3 2025-07-11

vue3 未读

vue3——组件

1. 组件 1.1. 定义组件模板在Vue中，所有组件的定义都从确定其模板即HTML结构开始。下面是一个简单组件定义的示例。 const HelloWorld = { template: `<p>Hello, Vue 3!</p>` }; 这里定义了一个名为Hello

vue3 2025-07-10

vue3 未读

vue3——创建项目

vue命令创建 npm npm create vue@latest cd <your-project-name> # 安装依赖 npm install # 运行 npm run dev # 打包到生产 npm run build pnpm pnpm create vue@latest cd <you

vue3 2025-07-09