事项vue cli 01
前端编程开发 --- vue3 计算属性
变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
vue--day14--样式绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>样式绑定< ......
vue--day13--watch与computed的区别
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue-day12-监视属性简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day12--深度监视
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
Docker CLI docker login和logout 常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
vue-day12--监听属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day11--计算属性实现名字案例简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
vue--day11--计算属性实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
vue-day11--插值语法实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>插值语法实 ......
vue-day11--methods实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>metho ......
Vue之指令
Vue指令的钩子如下 bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于document中)。 update:被绑定于元素所在的模板更新时调用,而无论绑定值是否变化。通 ......
关于vue在列表展示数据的时候,更改其中一项,列表没有跟着实时变动的问题
背景: 使用低代码自动生成的Vue前端大致页面,然后自定义其中的业务 涉及的页面: 遇到的问题: 点击添加后,直接变更添加行的状态(输入框不可编辑、状态变为已激活) 涉及代码: addRecordAndApply(index) { let thatthis = this; let indexData ......
vue-day10--键盘事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
vue-day9--事件修饰符
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
基于MFC dll实现C++/CLI dll组件全过程详解(附完整源码) 浮云绘图
模块化组件化实现独立的功能模块是软件设计的良好习惯,一般用实现为DLL。普通的DLL对外提供接口是采用导出函数接口,如果接口数量不大,只是50个以内,这种方式很适合;如果对外接口有上百个,导出函数接口就完全破坏了软件模块化分层设计的理念,使用接口非常麻烦,此情形采用C++/CLI导出类方式实现比 ......
CLR组件开发之 基于C++ dll 与C++/CLI dll与C#的数据类型对应关系
模块化组件化实现独立的功能模块是软件设计的良好习惯,一般用实现为DLL。普通的DLL对外提供接口是采用导出函数接口,如果接口数量不大,只是50个以内,这种方式很适合;如果对外接口有上百个,导出函数接口就完全破坏了软件模块化分层设计的理念,使用接口非常麻烦,此情形采用C++/CLI导出类方式实现比 ......
Vue之beforeRouteEnter的使用
beforeRouteEnter用于路由跳转后进入新的页面进行操作,由于<script setup>里面没有内置beforeRouteEnter的语法,所以需要另外写一个<script>标签。 下面代码是beforeRouteEnter的使用示例,从from可以获得跳转页面前的路由信息。 <scri ......
匿名函数(lambda表达式)01
匿名函数 顾名思义就是没有名字的函数。 匿名函数是一种没有函数名的函数,也称为"lambda函数"。 它是一种简洁的函数定义方式,可以在需要函数对象的任何地方使用,并且通常用于简化代码或作为其他函数的参数。 语法 1 lambda arguments: expression 其中,arguments ......
Vue脚手架及ajax
脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 ......
暑假QBXT集训01
# Day 1 ## 有向无环图 - 一种特殊的有向图,没有任何环,简写为 DAG。 - 对于这种图,我们就有“拓扑序”。 ![image](https://img2023.cnblogs.com/blog/3064197/202307/3064197-20230709084636701-85243 ......
.NET6 微服务架构实战系列---Docker+Nginx部署前端Vue项目
一、相关配置安装 1.1 安装Docker [CentOS环境安装Docker](https://www.cnblogs.com/Code-HHX/p/17538236.html) 1.2 Docker中拉取nginx镜像 ``` docker pull nginx ``` 二、Vue前端项目创建配 ......
vue-day8--事件的基本使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......
vue-day07---vue中应用的数据代理
1.Vue 中的数据代理 通过vm 对象来代理data 对象中的对象中的属性操作 读/写 2.vue 中的数据代理的好处 更加方便的操作data中的数据 3.基本原理 通过object.defineProperty() 把data 对象中的所有属性添加到vm 上 为每一个添加到vm上属性都指定一个g ......
vue-day06--数据代理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>数据代理< ......
vue-day04-Object.defineproperty 方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>回顾Obj ......
vue-day04--mvvm模型
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum ......