m0_53912016的博客

安装脚手架vue2安装讲解以安装vue3为案例1 安装配置前准备的工作 0 在搭建vue的开发环境之前首先要安装node.js(详情参考菜鸟教程的node安装) 1.1 安装完成node后 打开docs管理工具 看是否安装成功 输入**node-v** 回车 查看安装的版本号 1.2 安装cnpm(简称淘宝镜像) 的命令 因为npm的命令运行速度慢 推荐cnpm进行操作 输入**$ npm install -g cnpm -- registry=https

【代码】动态Tab切换(超详细)

【代码】Vue多地址代理端口调用。

【代码】Vue3当中el-tree树形控件使用。

【代码】Vue实现列表无限滚动。

【代码】弹窗拖动改变大小的模态框库。

ailwind CSS

【代码】组件封装(同组件复用)

【代码】Vue封装请求。

【代码】Vue封装常见功能。

【代码】nginx前端代理配置服务。

【代码】Mock虚拟接口。

第一次提交代码Git 提交代码忽略eslint代码检测出现Please enter a commit message to explain1. 1 切换到主分支1.2 获取主分支最新代码1.3 合并目标分支到主分支使用 merge 命令将其他分支的代码合并到主分支中。1.4 处理冲突（如果有）会在有冲突的文件中插入冲突标记，以便你查看冲突的地方。这些标记通常如下手动编辑冲突的文件，根据需求选择保留哪一部分的代码或合并两部分代码。你可以选择以下几种方式来解决冲突：1 保留当前分支的代码：

【代码】响应式布局--显示器分辨率展示不同内容/样式。

【代码】前端参数formData格式。

【代码】防抖节流封装与使用。

【代码】pinyin-pro 中文转字母/拼音库。

【代码】cascader当中遍历数组 PS:数组展示很多级 当数组里面的条件has为true时,让其禁用。

后端提供的是数据流的格式。

【代码】v3+ts一套(详细)

【代码】父子组件来回显示与点击事件穿插。

在这里插入代码片。

在这里插入代码片。

【代码】vue答题。

效果代码

【代码】瞬间移动组件(Teleport)

【代码】继承组件(extends)

【代码】vue3 使用＜script lang=“ts“ setup＞加上lang=“ts“后编译错误。

混入(mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。作用：主要作用是继承和封装，将一些公共的代码抽离，可以减少代码量，提高复用性 *

有webpack.base.conf.js 添加到entry数组（没有的话 不用创建此文件）根目录无此文件，新建此文件。根目录有此文件，修改此文件。

【代码】vue3引入pinna配置使用。

【代码】项目创建 Vue3 + Ts + vite + pinia。

【代码】项目环境变量配置2/3。

Eslink中文网

动态组件异步组件

【代码】vue3语法。

其中 ` 用来定义 ES6 中的模板字符串，${expr} 用来在模板字符串中嵌入表达式。字符串是使用string定义的。

下拉刷新下拉加载

使用day.js来定义时间格式

utils.js