事项vue cli 01
vue全家桶进阶之路33:Vue3 计算属性computed
在Vue3中,计算属性可以使用computed函数来定义。 computed函数接受两个参数:第一个参数是一个函数,该函数返回计算属性的值;第二个参数是一个可选的配置对象,可以包含getter和setter函数,以及控制计算属性缓存的缓存配置。 Vue3中的计算属性与Vue2中的计算属性相比有以下几 ......
vue3微信公众号商城项目实战系列(7)自定义底部tabbar组件
在开始之前,先看看官方对组件的定义: vue3的生态非常丰富,有各种各样的开源组件库可以拿来就用,比如vant、element-ui等,本系列不使用任何第3方组件, 完全使用原生的语法来写,只为聚焦vue3技术本身,本篇写一个自定义tabbar组件,效果如下图所示: 要实现如下功能: 1. 底部ta ......
VUE上传大型视频文件到服务器,解决方案
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
直播app源码,使用vue-awesome-swiper创建轮播图幻灯片
直播app源码,使用vue-awesome-swiper创建轮播图幻灯片 1. 引入 引入方式可以参考官方文档,两种方式选一种即可:vue-awesome-swiper at v3.1.3 (1)第一种方式:在main.js入口文件中全局引入 // /src/main.js // swiper全局引 ......
vue项目使用定时器每隔几秒运行一次某方法
代码如下: data() { return { timer:null, //定时器名称 }; }, created() { this.setTime(); }, beforeDestroy() { clearInterval(this.timer); // 清除定时器 this.timer = nu ......
初识vue3
定义 Vue是一款Javascript框架,基于前端三大件,提供了具有组件化,声明式,渐进式的特点的编程模型。 ##核心功能 1.声明式渲染 2.响应式 ##组件之单文件组件 Vue最为核心的组成部分便是单文件组件,文件结尾为*.vue 宏观的逻辑是这样的: *.vue创建组件-> .js文件中将组 ......
vite vue使用pont-engine
pont-engine 是一款阿里的api生成工具! 安装依赖即可 yarn add --dev pont-engine 然后即可使用 pont start 问题 但是因为默认生成的代码 包含cjs的模块语法,所以vite无法识别。 另外生成代码前最好把旧的生成目录删除! 解决办法 因此我做了如下优 ......
ip 表单验证 vue iview
ip 表单验证 vue iview template <Row v-show="config.bindIP"> <Col span="12"> <FormItem label="绑定IP:" prop="userPhoto" :rules="[{ required: true, validator: ......
vue中使两个不同高度的div(内容长度不一)高度相同
设置高度height,记得给左右侧div一个最小高度min-height,保证没有内容的时候有一定的高度,内容撑起来的时候再自动适应 <el-col :xs="12" :sm="6" :md="2" class="grid-cell"> <div class="grid-content bg-pur ......
Vue3 回顾vue2的响应式原理
视频 vue2.x的响应式 实现原理: 对象类型:通过Object.defineProperty()对属性的读取、修改进行拦截(数据劫持)。 数组类型:通过重写更新数组的一系列方法来实现拦截。(对数组的变更方法进行了包裹)。 Object.defineProperty(data, 'count', ......
Vue3 Vite H5 拖拽条组件,可下拉收起/关闭,上拉展开
同样是懒人想找现成的但没找到,参考其他朋友提供的思路现写一个。 效果 代码 简单的demo。 DragBar.vue <template> <div class="popup__top" @touchstart="onTouchstart" @touchmove="onTouchmove" @tou ......
JavaScript 发布-订阅设计模式实现 React EventBus(相当于vue的$Bus)非父子之间通信
提前声明: 我没有对传入的参数进行及时判断而规避错误,仅仅对核心方法进行了实现; 解决了react的非父子间的通信; 参考文档:https://github1s.com/browserify/events/blob/main/events.js https://www.npmjs.com/packa ......
Vue3 reactive函数
视频 3.reactive函数 作用: 定义一个对象类型的响应式数据(基本类型不要用它,要用ref函数) 语法:const 代理对象= reactive(源对象)接收一个对象(或数组),返回一个代理对象(Proxy的实例对象,简称proxy对象) reactive定义的响应式数据是“深层次的”。 内 ......
vue 怎样让变量在第一次赋值时不触发watch
需求需要在create中为一个变量赋值,后续监听这个变量值的变化 解决在第一次赋值后,添加 this.$watch('emailInput', this.changeAlert) 第一个变量为 需要监听的变量第二个变量为 监听变量变化后做的操作,是一个方法,类似于watch中的handler 这个方 ......
学习记录:第四周day01笔记
结构: 结构是由程序员自己设计的一种数据类型,用于描述一种事务的各项数据,由若干个不同的基础类型组成 设计: struct 结构体类型名 { 类型名 成员名 ... }; 定义: struct 结构体类型名 结构体变量名; 注意:C语言中定义结构体变量时,struct关键字不能省 初始化: stru ......
学习记录:第三周day01笔记
一、函数指针 函数名就是一个地址(整数),代表了该函数在代码段中的位置 函数指针就是专门指向某种函数的指针,它存储的是该函数在代码段中的位置(函数名) int main { int (*funcp)(const char*,...)=scanf; int num=0; funcp("%d",&num ......
vue 课堂笔记
1、 数组合并 说明:定义两个数组arr1 和arr2,然后把这两个合并放入arr3中; const arr1=[1,2,3,4,5] const arr2=[6,7,8,9] //合并数组 const arr3=[...arr1,...arr2] //转字符串以逗号分割 const arr4=ar ......
Vue2
Vue的指令: 用在dom元素的属性上。 {{}} 差值表达式 v-text: 文本显示 v-html: 解析html文本 v-on: 绑定事件 @ v-bind: 绑定dom中的属性 : v-show v-if: 隐藏和显示dom元素 v-model: 设置和获取表单元 ......
Vue
1. vue简介 它是一个Javascript框架,作用:简化dom的操作,以及响应式编程 2. 在webstorm中创建工程 (1)引入vue.js文件 <script type="text/javascript" src="js/vue.js"></script> (2)body创建一个div标 ......
【LeetCode动态规划#07】01背包问题一维写法(状态压缩)实战,其二(目标和、零一和)
目标和(放满背包的方法有几种) 力扣题目链接(opens new window) 难度:中等 给定一个非负整数数组,a1, a2, ..., an, 和一个目标数,S。现在你有两个符号 + 和 -。对于数组中的任意一个整数,你都可以从 + 或 -中选择一个符号添加在前面。 返回可以使最终数组和为目标 ......
vue往组件中传值,值在组件内如何实现修改
Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or compute ......
(三) vue组件化-组件通信
父子组件之间的通信 父组件传递给子组件:通过props属性; 子组件传递给父组件:通过$emit触发事件 父组件传递给子组件 在开发中很常见的就是父子组件之间的通信,比如父组件有一些数据,需要子组件来进行展示: 这个时候可以通过props来完成组件之间的通信; 什么是props props是可以在注 ......
扎实打牢数据结构算法根基,从此不怕算法面试系列之006 week01 02-06 循环不变量
循环不变量 #1、循环开始时需要做什么? 之前我们讲的线性查找法的核心代码如下: public static <E> int search(E [] data,E target){ for (int i = 0; i < data.length; i++) if (data[i].equals(ta ......
wangeditor5 vue2 安装后运行报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.js
问题 解决方法: 原因就是引入的链接不对, 使用cnpm 、 npm、pnpm、yarn安装插件的时候,路径都是不一样的,所以要对应着改路径就可以了 链接:https://github.com/wangeditor-team/wangEditor/issues/4041 ......
设备调试基础01-设备登录
设备调试基础01-设备登录 1 设备登录前准备 1.1 登录形式分类 Console登录: 以命令行形式登录, 通常用于设备开局 本地/远程Telnet、SSH(Stelnet)登录: 通过直连或者网络形式以命令行形式登录 本地/远程Web登录: 通过直连或者网络形式以可视化界面登录, 相较于命令行 ......
vue中的插槽
插槽用大白话讲就是:在子组件中用slot标签占个位置,然后在父组件中,子组件标签里嵌套一个标签,然后执行的时候用嵌套的标签替代slot 子组件:组件MySon定义了一个默认插槽,用slot标签表示。当父组件使用MySon时,可以在其标签内放置任意内容,该内容将会替换掉slot标签。 1 <templ ......
【uniapp】【外包杯】学习笔记day04 | 学习模板+vue相关知识+环境搭建
没啥好说的,人与人的悲欢并不相同,我只觉得吵闹。 好烦啊,虽然不应该总说一些低气压的话,不过目前预见的就是有很多工作要做,并且对于完成的希望也有点没有,就这样吧,没啥好说的。 昨天做了python的作业 今天晚上把小程序做出来。 明天搭建数据库。 ......
Vue基础语法
模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom,结合响应系统,Vue 能够智能地计算出最少需要重新 ......
01-Object、常用API
01-Object类、常用API Object类 概述 在Java中,Object类是所有类的根类,它位于Java类继承体系的最顶层。所有的Java类都直接或间接地继承了Object类,因此Object类中包含了一些在Java编程中非常常用的方法。 常用方法 以下是一些Object类中常用的方法: ......