样式 组件scoped vue
前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端编程开发 --- 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>天气案例- ......
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:被绑定于元素所在的模板更新时调用，而无论绑定值是否变化。通 ......
依赖注入 顶层组件给后代组件传值 混入
###依赖注入（provide/inject） 是什么：某组件可以直接让它下面的组件传值（没有组件的父子限制） 场景：顶层组件给后代组件传值 ###混入(mixins) 全局属性 全局方法 ####混入和vuex的区别 混入功能: 有点像工具类，所以是全局的，可以导出全局属性和方法 vuex功能:状 ......
查找父子组件
##查找父组件 this.$parent ==> 返回当前组件的父组件实例 this.$root ==> 根组件(如果当前实例没有父实例，此实例将会是其自己) ##查找子组件 this.$children ==> 当前组件的所有子组件的列表（中返回的是子组件的实例） this.$children[0 ......
关于vue在列表展示数据的时候，更改其中一项，列表没有跟着实时变动的问题
背景： 使用低代码自动生成的Vue前端大致页面，然后自定义其中的业务 涉及的页面： 遇到的问题： 点击添加后，直接变更添加行的状态（输入框不可编辑、状态变为已激活） 涉及代码： addRecordAndApply(index) { let thatthis = this; let indexData ......
封装 myform 组件
``` formmodel[item.prop] = e" v-bind="{ ...item }" > ``` ``` search(val,type){ console.log(val,type); } formmodel: { // date: "", // name: "", // addr ......
封装 mysearch 组件
``` formmodel[item.prop] = e" v-bind="{ ...item }" > 查询 重置 showlen" type="primary" :underline="false" style="margin-left:10px" @click="searchMoreShow ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
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-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 ......
多子曲线的曲线组件源码定制之详细功能需求，适用工控、军工、金融等数据分析领域 浮云E绘图
前文已经详细介绍了通用曲线控件源码定制开发从需求到编码实现，具体可参阅 通用曲线控件源码定制之设计实现篇 和 通用曲线控件定制之重点难点篇（附源码），本文由浮云E绘图开启大项目多曲线海量数据的曲线组件分析和实现之路。 一、需求背景 在一些工业控制领域，有大量设备采集多种类型的大量数据，需要可视化 ......
Vue脚手架及ajax
脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 ......
.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 ......