文章分类 -  前端

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)

导航