文章分类 -  前端 / vue基础

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

posted @ 2025-01-21 22:20 是水饺不是水饺 阅读(43) 评论(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 是水饺不是水饺 阅读(47) 评论(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 是水饺不是水饺 阅读(24) 评论(0) 推荐(0)

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

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

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

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

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

posted @ 2024-10-04 22:25 是水饺不是水饺 阅读(26) 评论(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 是水饺不是水饺 阅读(21) 评论(0) 推荐(0)

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

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

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

posted @ 2024-09-21 18:37 是水饺不是水饺 阅读(68) 评论(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 是水饺不是水饺 阅读(29) 评论(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 是水饺不是水饺 阅读(17) 评论(0) 推荐(0)

导航