three vue js

 ```js 我的首页 产品介绍 联系方式 ``` ```js 我的首页 产品介绍 联系方式 ``` ![](ht ......

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......

# vue实现简单人员列表 ## 功能 - 可以显示一个人员列表 - 可以对列表过滤 - 可以对列表排序 ## 实现 ```vue 列表 人员列表 升序 降序 原顺序 {{p.name}} {{p.age}} ``` ......

class绑定 style绑定 侦听器 表单输入绑定 v-model 修饰符：lazy，number，trim 模版引用 操作dom，获取ref this.$ref <div ref="container" class="containser">{{content}}</div> <input ty ......

1. 原型链继承 将父类实例作为子类的原型，这种方式下，子类实例可以共享父类实例的属性和方法，但是无法向父类构造函数传递参数。 function Fun1() { this.name = '我是名称' this.getName = () => { console.log(this.name) } } ......

解决办法： 在<script> 中，加上属性type="module" <script src="../js/home.js" type="module"></script> <script src="../js/home.js" type="module"></script> ......

1、原因：我把 Vue 挂载元素的JS放在了html加载完成的前面了 2、解决：放到html加载完成之后就可以了 ......

# 😀Vue技术总结 > 首先: 一对多和多对一都不可以 容器和实例之间只能是一一对应 > > 插值语法: {{ xxx }} xxx → 只能是 js 表达式(表达式是一组代码的集合，它`返回一个值`。) 注意!!! 区分 js表达式与js语句 > 指令语法: ``` 单向数据绑定 → v-bi ......

> Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`，`mitt.js`好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或 ......

将[]换行替换成需要上传的字段 ......

## 01、题目分析 事实上，文件上传过滤是很正常的，需要自行判断是前端过滤还是后端过滤，一般上传木马的时候可以进行抓包，如果直接点击上传直接弹出禁止上传的界面，而没有抓到数据包，那就说明是前端js过滤，但是这个题目已经说明了是前端js过滤，就不用再测试了 ## 02、文件上传 先用哥斯拉创建一个一 ......

duration (val) { let h = parseInt(val / 60 / 60 % 24) h = h < 10 ? '0' + h : h let m = parseInt(val / 60 % 60) m = m < 10 ? '0' + m : m let s = parseI ......

 ```js ``` ![image](https://img2023.cnblogs.com/blog ......

一、父子组件传递 1、父组件数据传递给子组件【props】 父组件的数据变化时，子组件会自动更新 在父组件中引用子组件 <子组件name/> import 子组件 from ./子组件位置/子组件所在vue.vue 在组件中注册子组件 components:{子组件名称} 子组件 可以通过props ......

#### 本地老工程vue2.7.x+webpack4在升级webpack5的时候遇启动和打包报错: ```bash Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8) > 1 | [object Pr ......

​ 1、错误原因分析： 超过块大小限制，块大小默认500 KB 2、解决办法： 在vite.config.js 中增加 output 配置项 build: { chunkSizeWarningLimit: 1500, // 调整包的大小 rollupOptions: { output: { // 最 ......

Vue中使用Element.UI菜单完成主体页面搭建一.搭建ElementUI基础环境（基于脚手架）1.新建空的文件夹,文件夹命名自定义2.在文件资源管理器上方输入cmd3.然后在控制台中输入vue create (自定义名称)注意:只支持小写 输入完后按Enter4.在第一个选择项中选择Manua ......

在 “NodeJS系列（8）- Next.js 框架 (一) | 安装配置、路由（Routing）、页面布局（Layout）” 里，我们简单介绍了 Next.js 的安装配置，创建了 nextjs-demo 项目，讲解和演示了 Next.js 项目的运行、路由（Routing）、页面布局（Layou ......

vue中params和query的区别，以及具体用法：https://blog.csdn.net/weixin_42282727/article/details/107505014 route、router区别：https://blog.csdn.net/m0_67948827/article/de ......

 ```html 点击触发页面弹窗 ``` ```js alert('努力，奋斗') ``` ![image ......

可以使用Date对象来获取当前月的第一天和最后一天。 获取当前月的第一天： var date = new Date(); date.setDate(1); var firstDay = date.toLocaleDateString(); console.log(firstDay); 获取当前月的最 ......

一.Map和Set有什么区别 在JavaScript中，Map和Set都是ES6引入的新的数据结构，但它们有一些关键的区别。Map：1. Map主要用于键值对的存储。每个元素由一对键值组成。2. Map中的键可以是任何类型，包括函数、对象等。3. Map的键是有序的，因此当对Map进行遍历时，元素的 ......

上网查这个问题，解决方案很多，没有一款适合我。。。先说我的解决办法，如果解决不了再往下看，我的原因是 用的子组件的ref和子组件的标签名一样了： <ChildComponent1 ref="ChildComponent1" :parent-data="data" > <template #slot- ......

vue3新语法糖——setup script CoCoyY1 2021-03-27 12:5241480 前言 vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义了一个方法，然后发现模板需要 ......

1.typeof 2.instanceof 3.constructor 4.Object.prototype.toString.call([]) 5.Array.isArray() ......

`module.filename`：开发期间，该行代码所在的文件。 `__filename`：表示当前正在执行的脚本的文件名。它将输出文件所在位置的绝对路径，且和命令行参数所指定的文件名不一定相同。 如果在模块中，返回的值是模块文件的路径。 始终等于 module.filename。 `__dirn ......

const arr = [ { label: '2', value: '2' }, { label: '1', value: '1' }, { label: '3', value: '3' } ] // 把value=1和value=2的数据筛掉 let newArr = arr.filter(op ......

源码 <template> <div class="c__filter" :style="`height: ${showFilter ? 'auto' : '47px'}`" v-if="filterNum > 0" ref="tableFilter" > <div class="c_filter_ ......

JS的数据类型分为基本数据类型+引用数据类型 基本数据类型： number,boolean,string,null,undefined, symbol(独一无二并且不可变的数据类型)，bigint 引用数据类型： Function，Array，Object 区别： 基本数据类型由于所占内存大小可控所 ......

......