前端 - 文章分类 - 是水饺不是水饺

vue3 pinia 状态管理 pinia-plugin-persistedstate持久化

摘要：导入 pinia pinia-plugin-persistedstate 创建 pinia 实例 const piniaInstance = createPinia() 使用 piniaInstance.use(piniaPluginPersistedstate) import { createAp 阅读全文

posted @ 2025-01-30 15:00 是水饺不是水饺阅读(48) 评论(0) 推荐(0)

vue3 vuex typescript 组合式风格持久化 vuex-persist

摘要：car.ts 文件 import type { Module, ActionTree, MutationTree, GetterTree } from 'vuex' interface ICar3Root { } interface ICar3 extends ICar3Root { Price:n 阅读全文

posted @ 2025-01-30 11:05 是水饺不是水饺阅读(18) 评论(0) 推荐(0)

vue2 中 vuex的使用

摘要：目录文件夹是脚手架默认生成 index.ts 文件代码导入Vue Vuex 然后使用 Vue.use(Vuex) 导出 new Vuex.Store Store对象 import Vue from 'vue' import Vuex from 'vuex' import catStore fr 阅读全文

posted @ 2025-01-29 18:09 是水饺不是水饺阅读(43) 评论(0) 推荐(0)

element plus

摘要：el-menu 出现滚动条使用样式去掉 .el-aside::-webkit-scrollbar { display: none; } 修改 el 样式需要新建一个单独样式文件或者 <style> </style> 标签有scope 可能会造成不起作用阅读全文

posted @ 2025-01-21 22:20 是水饺不是水饺阅读(35) 评论(0) 推荐(0)

vue 3 props $parent $root inject 使用

摘要：子组件 <template> <div> <h1>props 调用 {{ props.propmsg }}</h1> <h1>$parent 调用 {{ GetParent($parent) }}</h1> <h1>$root 调用 {{ GetRoot($root) }}</h1> <h1>inj 阅读全文

posted @ 2025-01-17 23:09 是水饺不是水饺阅读(42) 评论(0) 推荐(0)

webpack

摘要：新建文件夹初始化 npm init package.json 安装 webpack npm install -D webpack webpack-cli 新增 webpack 配置文件对开发模块合并这个文件式 node.js 文件 webpack.config.js 安装 npm install 阅读全文

posted @ 2024-10-27 10:20 是水饺不是水饺阅读(15) 评论(0) 推荐(0)

typescript 基础

摘要：TypeScript是JavaScript类型的超集，它提供了类型系统和对JavaScript新标准的支持。在TypeScript中，类型系统是其核心特性之一，它允许开发者为变量、函数参数和返回值等指定类型，从而在编译阶段就能发现潜在的类型错误，提高代码的健壮性和可维护性。以下是TypeScript 阅读全文

posted @ 2024-10-20 23:10 是水饺不是水饺阅读(56) 评论(0) 推荐(0)

vue 3 基础

摘要：Vue原理 Vue中的MVVM模式是一种重要的软件架构模式，它极大地简化了前端开发中视图和数据的绑定以及数据同步的问题。以下是对Vue MVVM模式的详细解析：一、MVVM模式的基本概念 MVVM是Model-View-ViewModel的缩写，它将应用程序分为三个核心部分： Model：代表数据阅读全文

posted @ 2024-10-20 23:10 是水饺不是水饺阅读(50) 评论(0) 推荐(0)

Vue 原理

摘要：详解如何使用Object.defineProperty实现简易的vue功能_vue.js_脚本之家 (jb51.net) 阅读全文

posted @ 2024-10-16 16:59 是水饺不是水饺阅读(29) 评论(0) 推荐(0)

vue 3工程化

摘要：webpack先打包再启动开发服务器访问开发服务器时会把打包好的结果直接给过去 vite 基于浏览器的原声的ES Module 不需要预先打包直接启动开发服务器请求到对应模块再编译下载 node 查看版本 node -v 初始化项目 npm init npm init -y packa 阅读全文

posted @ 2024-10-04 22:25 是水饺不是水饺阅读(11) 评论(0) 推荐(0)

Vue3快速上手-CSDN博客

摘要：TypeScript 中文网: 文档 - 5 分钟了解 TypeScript 工具 (nodejs.cn) Vue3快速上手-CSDN博客 Home | Vite中文网 (vitejs.cn) 入门 | Vue Router (vuejs.org) Quick Start | Vue.js (vue 阅读全文

posted @ 2024-10-03 16:24 是水饺不是水饺阅读(15) 评论(0) 推荐(0)

js 闭包

摘要：一、JavaScript中闭包的定义闭包是指在一个函数内部创建另一个函数，并且内部函数可以访问外部函数的变量、参数以及其他内部函数，即使外部函数已经执行完毕。这种机制使得内部函数保留了对外部作用域的引用，即使外部作用域已经不再活跃。简而言之，闭包会创建一个包含外部函数作用域变量的环境，并将其保存在阅读全文

posted @ 2024-10-02 17:15 是水饺不是水饺阅读(25) 评论(0) 推荐(0)

在 Vue 开发中，开发依赖（devDependencies）和运行依赖（dependencies）有着明显的区别

摘要：在 Vue 开发中，开发依赖（devDependencies）和运行依赖（dependencies）有着明显的区别。以下是两者的详细对比：一、定义与用途开发依赖：定义：开发依赖是指在项目开发过程中需要使用的库和工具。用途：主要用于代码编译、测试、调试等开发活动。这些依赖在项目开发阶段至关重要阅读全文

posted @ 2024-10-02 16:25 是水饺不是水饺阅读(185) 评论(0) 推荐(0)

typescript 基础(1)

摘要：// 枚举 export function MeiJu() { enum a { "blue", "black" } const b: a = a.blue console.log("枚举", b) } export function AnyTest() { // any 不明确的类型 let a: 阅读全文

posted @ 2024-10-01 17:28 是水饺不是水饺阅读(18) 评论(0) 推荐(0)

es 6 export import

摘要：es 5 导出 export 单个导出 // 导出变量 export const d = "吼吼"; 单个导入 import { a } from "./assets/js/exporttest"; console.log("a", a); 单个导出变量和函数 export const a = 阅读全文

posted @ 2024-09-24 10:12 是水饺不是水饺阅读(25) 评论(0) 推荐(0)

vue 实例属性

摘要：Vue 实例在创建时会有一系列属性和方法被添加到它的实例上，这些属性和方法使得开发者能够操作Vue组件的各个方面。下面是一些常见的Vue实例属性： $data：Vue 实例的数据对象。Vue 将会递归将数据的属性转换为 getter/setter，从而让数据变化时视图更新。 $props：当前组件接阅读全文

posted @ 2024-09-21 18:37 是水饺不是水饺阅读(58) 评论(0) 推荐(0)

vue 基础 (二) 组件传值

摘要：组件间传值 1 父向子传值prop <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文

posted @ 2024-09-20 01:37 是水饺不是水饺阅读(25) 评论(0) 推荐(0)

Vue 基础（一）

摘要：Vue 基础 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl 阅读全文

posted @ 2024-09-19 21:59 是水饺不是水饺阅读(8) 评论(0) 推荐(0)

vue 问题

摘要：在Vue中，render 函数在Vue中，render 函数是一种强大的方式，允许你使用JavaScript（通常是配合JSX或Vue的模板语法）来声明式地描述你的组件的输出。它给你提供了比Vue的模板语法更底层、更灵活的能力来定义组件的渲染逻辑。 1. 基本概念在Vue组件中，render 函阅读全文

posted @ 2024-09-17 09:18 是水饺不是水饺阅读(29) 评论(0) 推荐(0)

文章分类 - 前端