摘要：
插槽 一、匿名插槽 App.vue: <script setup> import A from './FancyButton.vue' </script> <template> <A> 这是 XXXX 数据 </A> </template> FancyButton.vue: <template> < 阅读全文
摘要：
兄弟组件之间的传值 一、第一种方案 A组件-->父组件-->B组件 1.1、A组件 <template> <div> <h1>A组件</h1> <button @click="changeA">按钮</button> </div> </template> <script setup lang='ts 阅读全文
摘要：
组件传值方式1 —— props / $emit（父子传值 ） 一、父传子 1.1、父组件通过 props 传递数据 在父组件中，创建了一个名为List的子组件实例，并通过:msg="msg"语法将父组件的msg数据传递给子组件。这里的msg是一个响应式引用（使用ref创建），初始值为'这是父传过去 阅读全文
摘要：
Vue2、Vue3代码风格 一、导入方式 Vue2 使用require导入方式，例如： var Vue = require('vue') Vue3 支持 ES6 的 import 方法，例如： import { createApp } from 'vue' 二、组件定义 Vue2 使用Vue.com 阅读全文
摘要：
Vite 解决 @ 问题 在Vue3和Vite中，@符号通常用于别名，指向src目录。这是Vue CLI项目的默认设置，但在Vite项目中，你需要手动配置这个别名。 在Vite中，你可以在vite.config.js文件中配置别名。这是一个配置示例： import { fileURLToPath, 阅读全文
摘要：
基于 Vite 搭建 Vue3 项目 一、为什么选 Vite https://www.vitejs.net/ 在浏览器支持 ES 模块之前，JavaScript 并没有提供的原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联 阅读全文
摘要：
路由 Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 深度集成，用于构建单页面应用。Vue.js 单页面应用是基于路由和组件映射的，路由用于配置访问路径，将组件（components）映射到路由路径（routes）。 一、路由模式 Vue Router 常用的两种模式是 阅读全文
摘要：
泛型 泛型程序设计是一种编程风格或编程范式，它允许在程序中定义形式类型参数，然后在泛型实例化时使用实际类型参数来替换形式类型参数。通过泛型，我们能够定义通用的数据结构或类型，这些数据结构或类型仅在它们操作的实际类型上有差别。泛型程序设计是实现可重用组件的一种手段。 一、泛型简介 首先，我们定义一个非 阅读全文
摘要：
使用包实现代码重用 本章介绍如下内容。 导入包。 使用第三方包。 安装第三方包。 管理第三方依赖。 创建包。 在 Go 语言中，包用于将代码编组，以便在 Go 程序中导入并使用它们。 1.1 导入包 为方便理解如何导入并使用包，先来个简单的程序。 package main import { "fmt 阅读全文
摘要：
类 JavaScript 是一门面向对象的编程语言，它允许通过对象来建模和解决实际问题。同时，JavaScript 也支持基于原型链的对象继承机制。虽然大多数的面向对象编程语言都支持类，但是 JavaScript 语言在很长一段时间都没有支持它。在 JavaScript 程序中，需要使用函数来实现类 阅读全文