源码extend vue

## 前言 大家好，我是刘明，开源技术爱好者，十年创业老兵。 CSDN近期联合腾讯云、Coding、CloudStudio组织了【腾讯云Cloud Studio实战训练营活动】，苦于前些日子一直在备考注册会计师，没有很好的体验Cloud Studio的云IDE产品。现在考试结束了，体验了一把云IDE ......

> 写在前面,这里会有很多借鉴的内容,有以下三个原因 > > 1. 本博客只是作为本人学习记录并用以分享,并不是专业的技术型博客 > 2. 笔者是位刚刚开始尝试阅读源码的人,对源码的阅读流程乃至整体架构并不熟悉,观看他人博客可以帮助我快速入门 > 3. 如果只是笔者自己观看,难免会有很多弄不懂乃至理 ......

我的项目是vue3+element-plus 我是个菜鸡，我不懂前端。想做一个tags的导航标签页。但是点击标签页之后页面仍然是会重新请求。感觉这不就跟没做一样吗？ 遂百度GPT，第一种方式采用的就是存储到session里。搞了大半天，突然觉得这样好捞，遂采用vuex。虽然两者理论上区别不大，但是说 ......

> 写在前面,这里会有很多借鉴的内容,有以下三个原因 > > 1. 本博客只是作为本人学习记录并用以分享,并不是专业的技术型博客 > 2. 笔者是位刚刚开始尝试阅读源码的人,对源码的阅读流程乃至整体架构并不熟悉,观看他人博客可以帮助我快速入门 > 3. 如果只是笔者自己观看,难免会有很多弄不懂乃至理 ......

> 写在前面,这里会有很多借鉴的内容,有以下三个原因 > > 1. 本博客只是作为本人学习记录并用以分享,并不是专业的技术型博客 > 2. 笔者是位刚刚开始尝试阅读源码的人,对源码的阅读流程乃至整体架构并不熟悉,观看他人博客可以帮助我快速入门 > 3. 如果只是笔者自己观看,难免会有很多弄不懂乃至理 ......

一、背景 熟悉.NET的同学应该用过CLR 中的BinaryWriter、BinaryReader类对二进制流文件写入、读取int数据，写入和读取都非常简单，这是同一语言/平台写入与读取，实际还有其他语言/平台读写需求（如C++程序读取C#程序生成的二进制文件），由于int是4个字节数据，因此它的存 ......

10分钟从源码级别搞懂AQS（AbstractQueuedSynchronizer） ### 前言 上篇文章[15000字、6个代码案例、5个原理图让你彻底搞懂Synchronized](https://juejin.cn/post/7272015112819556412)有说到synchroniz ......

1、安装 npm install wangeditor --save 2、页面中使用 2.1 定义容器 <div id="content"></div> 2.2 引用 wangeditor // 引入wangeditor import wangEditor from "wangeditor"; 2. ......

alert通常用于页面弹出对话框操作，常用于获取错误信息、提示信息、显示内容等，下面是alert的一些基本用法 1、弹出固定的文字 alert("请输入账号密码") 注：需要加入双引号将文字括起来否则弹框不生效 2、动态切换内容一：不加引号 alert(this.userName) 注：通过this ......

API 安装 官方文档:developer.qiniu.com/kodo/1237/c… Nuget 搜索安装 Qiniu Bucket 储存空间名 bucket接口文档:developer.qiniu.com/kodo/3941/t… string Bucket = "image"; //七牛云储 ......

项目参考：36_动态组件_哔哩哔哩_bilibili 项目结构： App.vue <template> <component :is="Component"></component> <button @click="switchHandle">switch Component</button> </ ......

1、比如下面的结构 [ { id:1, text:'1', children:{ id:2, text:'2', children:{ id:3, text:'3' ...... } } ] 可以看到，每个节点下面的children都是不一定的，有的可能会有很多层，有的可能只有一层。 那么这种情况下 ......

uni-ui 官网地址https://uniapp.dcloud.net.cn/component/uniui/quickstart.html 1.安装sass、sass-loader npm install sass -D npm install sass-loader -D 2.安装uni-ui ......

子组件 <template> <button @click="handle">自定义事件</button></template> <script> export default{ data(){ return{ message:"我子组件" } }, methods:{ handle(){ this ......

1，子组件 <template> <h1>props传递参数</h1> <p>{{title}}</p> <ul> <li v-for="item in nelist">{{item}}</li> </ul> </template> <script> export default{ name:"my ......

[TOC] ## 一、mall开源项目 ### 1.1 来源 **mall学习教程**，架构、业务、技术要点全方位解析。mall项目（**50k+star**）是一套电商系统，使用现阶段主流技术实现。涵盖了SpringBoot 2.3.0、MyBatis 3.4.6、Elasticsearch 7. ......

1.打开项目，打开pages.json ，设置底部导航栏。注意pages中的path和tabBar中list中的path要一致 { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" ......

监听System.Data.SqlClient 为例 通过观察者模式和 DiagnosticListener获取监听数据， 在开始InstrumentationHostedService实现IHostedService启动 然后通过 DiagnosticListener.AllListeners.S ......

1.创建vue3+vite ``` # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-v ......

新建项目参考：Vue vscode 创建 vue 项目流程【超详细】_vue vscode 创建 vue 项目流程【超详细】_怎么用vscode写vue_一颗不甘坠落的流_一颗不甘坠落的流星的博客-CSDN博客 项目结构： App.vue <template> <Main></Main> </tem ......

1.背景 1.AQS简介AQS全称为AbstractQueuedSynchronizer(抽象队列同步器)。AQS是一个用来构建锁和其他同步组件的基础框架，使用AQS可以简单且高效地构造出应用广泛的同步器，例如ReentrantLock、Semaphore、ReentrantReadWriteLoc ......

个人开发环境简介,工具用的Visual Studio Code,因为每个人的开发环境不同，不可能所有解决方案通用，防止踩坑。 ```js PS F:\VueWorkSpace\vue_router_test> node -v v16.12.0 PS F:\VueWorkSpace\vue_route ......

状态管理Vuex 这是与 Vue 3 匹配的 Vuex 4 的文档。差异对比可参阅从 3.x 迁移到 4.0 已经有 Vue2项目，需要适配 Vue3 的可参阅 vue2 项目迁移 vue3！ #介绍 #Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式 ......

状态管理 Pinia #介绍 uni-app 内置了 Pinia 。Vue 2 项目暂不支持 使用 HBuilder X 不需要手动安装，直接使用即可。使用 CLI 需要手动安装，执行 yarn add pinia@2.0.33 或 npm install pinia@2.0.33。 #Pinia ......

概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签，标签上可以写属性，并对属性赋值。内容则写在两个标签之内。 根节点为 <template>，这个 <template> 下在App、H5可以有多个根 <view> 组件，在小程序只能有一个根  ......

介绍 已经了解 Vue2，只想了解 Vue3 新功能可以参阅vue3新功能！ 已经有 Vue2 项目，需要适配 Vue3 的可参阅vue2 项目迁移 vue3！ Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue ......

全局配置 Vue 全局配置 描述 H5 App端 小程序 说明 Vue.config.silent 取消 Vue 所有的日志与警告 详情 √ √ √ Vue.config.optionMergeStrategies 自定义合并策略的选项 详情 √ √ √ Vue.config.devtools 配置 ......

状态管理Vuex #介绍 #Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 uni-app 内置了 Vuex 。 #什么是“状态管理模式”？ 让我们从一个简单的 Vue ......

组合式 API（Composition API） 目前 uni-app（Vue2） 基于 Vue 2.6，组合式 API 由 @vue/composition-api 支持，script setup 由 unplugin-vue2-script-setup 支持。 #环境准备 升级 uni-app ......

7.模块化+命名空间 1. 目的：让代码更好维护，让多种数据分类更加明确。 2. 修改```store.js``` ```javascript const countAbout = { namespaced:true,//开启命名空间 state:{x:1}, mutations: { ... }, ......