写法vue2 vue js
VUE框架组件中通信方式(1)
## 在vue2中组件通信方式如： props:可以实现父子组件，子父组件，兄弟组件通信 自定义事件：实现子父组件通信 全局事件总线$bus：可以实现任意组件通信 pubsub：发布订阅模式实现任意组件通信 vuex：集中式状态管理容器，实现任意组件通信 ref：父组件获取子组件实例VC，获取子组件 ......
Vue如何在页面加载时将url的参数赋值给组件
<template> <input v-model="loginForm.username" name="username" type="text" tabindex="1" auto-complete="on" /> <input v-model="loginForm.password" :typ ......
使用vscode + vite + vue3+ element3 搭建vue3脚手架
技术栈 开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router状态管理：vuexAJAX：axiosUI库：element-ui 3数据模拟：mockjscss预处理：sass 构建viite + vue3 + element-ui3项目 1、安装vit ......
你如何理解 JS 的继承？
在JavaScript中，继承是一种机制，允许一个对象（子类）从另一个对象（父类）继承属性和方法。这使得子类可以共享父类的功能，并有能∧自身定义新的功能。 JavaScript中的继承通过原型链实现。 具体来说，JavaScript中的继承可以通过以下几种方式实现： 原型链继承：将父类的实例作为子类 ......
vue2中$set用法详细讲解
1、为什么要用set？ 在vue中，并不是任何时候数据都是双向绑定的。在官方文档中，有这样一段话，如下： 从文档得知，当数据没有被双向绑定的时候，我们就需要使用set了 2、set用法 解决数据没有被双向绑定我们可以使用 vm.$set 实例方法，该方法是全局方法 Vue.set 的一个别名。 th ......
vue3引入bootstrap5的折叠菜单无效问题解决
问题：通过npm后者yarn安装bootstrap5后，在入口文件全局引入bootstrap5的js、scc，在vue组件引入折叠功能，点击可以正常展开，在点击无法收回 解决办法：可参考网上博主的建议，大概意思就是之前引入的js文件不对，导致收回方法没有执行 的使用方法
关于数组中includes()的使用方法 1.includes简单介绍说明 1. includes()方法是用来判断一个数组是否包含一个指定的值，返回一个布尔值，如果是返回 true，否则false。 2. 其中，includes(a,b) 括号里第一个参数a为必选参数，表示要查找的某个参数；第二位 ......
js-如何设置input只能输入数字
如何设置input只能输入数字 方法一 将<input>标签中的type属性直接设置为number就可以达到只能输入数字。但是这个方式有一个缺点，它只能作用于网页端，在手机输入的话还是可以输入汉字或英文: <input type="number" name="" > 方法二 还是一样在<in ......
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下： 方法 .add()创建的交互界面，会默认显示所改变属性的名字，为了通过交互界面更好理解你改变的某个对象属性，你 ......
前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版
#### 前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13221 #### 效果图如下： ####  ```html // 父组件代码 // 子组件代码 {{ name }} props: { name: { type: String, default: "default", }, } ``` 子传父（自定义this.$emit） `` ......
Node.js和TypeScript教程：使用Typescript、NodeJS和基于文件的存储系统构建REST API
介绍 欢迎到我的博客！在本教程中，我将指导您完成使用 Node.js、Express 和 TypeScript 构建强大的微型电子商务 API 的过程。我们将共同探索各种功能和技术，使您能够为电子商务应用程序创建强大的 API。 我们在这个项目中的关键决策之一是实现基于文件的存储系统，而不是依赖 M ......
uniapp-chatgpt跨端仿ChatGPT实例|uniapp+vue3+pinia多端聊天模板
基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。 uni-chatgpt 使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端，支持渲 ......
vue的两种风格--选项式API
<script>export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } }, mounted() { console.log(`The initial count is ${th ......
Vue2.x 基本认识四：路由
路由认识 概念 路由（route）就是一组（key -value）对应关系。多个路由由一个路由器（router）管理。 key 为路径，value 可能是 function 或 component 。 function 是后端路由，用于请求服务器获取数据。 component 是前端路由，用于展示页 ......
猿大师办公助手VUE网页在线打开编辑保存微软Office、金山WPS文档，并强制修改留痕。
很多OA的在线办公系统中，都需要多个人修改编辑Office文档，这样很容易版本混乱并且极易出错，如果这时候启用强制留痕并且启用留痕，就可以记录每个人的操作记录，方便文档管理，降低操作风险。 实现方法： 第一步：安装猿大师办公助手，下载地址：http://www.yuanofficer.com/xia ......
JS——网课
看：https://www.bilibili.com/video/BV1Y84y1L7Nn/?p=17&spm_id_from=pageDriver&vd_source=b16c9d62fc80d4f0761a959bb9fdb870 P17 ......
【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件
## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点： 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
Vue（九）：计算属性
现在有一个需求，输入姓和名将其拼接为全名，全名要求根据姓名实时变化。 下面是三种实现： 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex ......
vue3.0之axios使用
```js // 导入包 import axios from "axios"; // 使用示例 axios.post('发送请求地址', { 携带变量key1: 变量value1, 携带变量key2: 变量value2, }).then(response => { // 后端返回给前端的数据都在re ......
vue3.0之emit的使用
主要用于跨组件传输数据，emit可以调用父组件中的自定义函数。 # 使用方法 ```js let emit = defineEmits(['父组件自定义函数1', '父组件自定义函数2', '...']) // 调用父组件自定义函数的执行 emit('父组件自定义函数') ``` # 主要逻辑 1. ......
vue3.0之cookies的操作
# 安装 ```js npm install vue-cookies ``` ```js import VueCookies from 'vue-cookies' const cookies = VueCookies cookies.set('key值', '字符串或变量'， '7d') // 7d ......
vue编程-创建首页
1.将elementUI组件与sass组件依赖加入到对应json中 ```json { "name": "default", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "bu ......
JS http大文件断点续传上传
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中， ......
vue 电池样式组件 css样式
效果如图：（背景图片自行替换） 这是用纯css写的电池样式，获取数据后，找出最大值，并计算长条的宽度，从而完成样式。 话不多说上代码： <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
vue12进阶
状态管理 一、什么是状态管理 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <script>export default { //状态 data() { return { count: 0 } }, //动作 methods: { inc ......
vue01
day01 Vue 是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <st ......