- 一.事件绑定1.绑定class样式字符串写法对象写法数组写法2.绑定style样式对象绑定法下面我们来一一介绍不同方法的使用方法及使用场景，大家可以先看代码中不同方法的使用，看不懂的小编也会在后面讲解的哦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp... 一.事件绑定1.绑定class样式字符串写法对象写法数组写法2.绑定style样式对象绑定法下面我们来一一介绍不同方法的使用方法及使用场景，大家可以先看代码中不同方法的使用，看不懂的小编也会在后面讲解的哦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp...
- 一、前言前端通过对象保存字典值用于列表字段翻译或者加载下拉框都是很常见的操作，有时也会需要根据字典值的value获取对应的key。测试数据paramsMap: { orderType: { '0': '咨询', '1': '投诉', '2': '举报', '3': '建议', '4': '求助', '5': '表扬', }, subjectType... 一、前言前端通过对象保存字典值用于列表字段翻译或者加载下拉框都是很常见的操作，有时也会需要根据字典值的value获取对应的key。测试数据paramsMap: { orderType: { '0': '咨询', '1': '投诉', '2': '举报', '3': '建议', '4': '求助', '5': '表扬', }, subjectType...
- vue3.0可以有多个根节点 1.setup函数的用法，可以代替vue2中的data和methos属性，compued属性，都是直接写在setup中就可以了//在script上加setup属性，组件编译过程中的代码运行是在setup函数中，所有es模块导出都认为暴露给上下文的值，并且包含在setup()返回对象中// 定义setup// setup是组件使用Composition API的... vue3.0可以有多个根节点 1.setup函数的用法，可以代替vue2中的data和methos属性，compued属性，都是直接写在setup中就可以了//在script上加setup属性，组件编译过程中的代码运行是在setup函数中，所有es模块导出都认为暴露给上下文的值，并且包含在setup()返回对象中// 定义setup// setup是组件使用Composition API的...
- Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，Vue 学习起来非常简单。官方网站：https://v3.vuejs.org/中文文档: https://v3.cn.vuejs.org/guide/introduction.... Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，Vue 学习起来非常简单。官方网站：https://v3.vuejs.org/中文文档: https://v3.cn.vuejs.org/guide/introduction....
- Vue模板语法——插值 Vue模板语法——插值
- 一. 跨域的概念同一时间，一个页面存在访问多个主机的情况，且每个主机之间，协议，主机，端口其中之一不相同。同源策略：两个主机，如果是协议，主机或域名，端口，其中之一不一样，就违反了同源策略同源策略的限制:不能发送ajax请求不能跨域操作DOM等不能跨域操作本地存储(cookie,localstorage,sessionstorage)同源策略的产生最初是为了预防XSS和CSRF跨域脚本攻... 一. 跨域的概念同一时间，一个页面存在访问多个主机的情况，且每个主机之间，协议，主机，端口其中之一不相同。同源策略：两个主机，如果是协议，主机或域名，端口，其中之一不一样，就违反了同源策略同源策略的限制:不能发送ajax请求不能跨域操作DOM等不能跨域操作本地存储(cookie,localstorage,sessionstorage)同源策略的产生最初是为了预防XSS和CSRF跨域脚本攻...
- 业务背景：在流程审批系统，需要弹出审批人列表，供提交审批的人进行选择，因为多业务模块需要共用这个弹出审批人列表，所以写在业务vue里面不合适，需要抽取成公共的代码。第一步：写公共弹出vue<template> <div> <!-- 流程弹出审批人对话框 --> <el-dialog :title="title" :visible.sync="openApprove" w... 业务背景：在流程审批系统，需要弹出审批人列表，供提交审批的人进行选择，因为多业务模块需要共用这个弹出审批人列表，所以写在业务vue里面不合适，需要抽取成公共的代码。第一步：写公共弹出vue<template> <div> <!-- 流程弹出审批人对话框 --> <el-dialog :title="title" :visible.sync="openApprove" w...
- vue之图片切换 vue之图片切换
- vue之计数器实现原理 vue之计数器实现原理
- keep-alive的实现作用：实现组件缓存钩子函数：`activated `组件渲染后调用`deactivated `组件销毁后调用复制代码原理：Vue.js内部将DOM节点抽象成了一个个的VNode节点，keep-alive组件的缓存也是基于VNode节点的而不是直接存储DOM结构。它将满足条件（pruneCache与pruneCache）的组件在cache对象中缓存起来，在需要重新渲染... keep-alive的实现作用：实现组件缓存钩子函数：`activated `组件渲染后调用`deactivated `组件销毁后调用复制代码原理：Vue.js内部将DOM节点抽象成了一个个的VNode节点，keep-alive组件的缓存也是基于VNode节点的而不是直接存储DOM结构。它将满足条件（pruneCache与pruneCache）的组件在cache对象中缓存起来，在需要重新渲染...
- 通用：1.编码统一：UTF-8；（特殊项目除外）2.命名单词过长以主意为主可将其他单词进行缩写；（详见各部分命名规范）3.文件以功能模块来划分命名（scss/vue/image）所以代码（vue，scss，js）4.采用Tab键（以2个字符为准）缩进， 代码格式化，保持干净整洁，方便维护修改VUE：1.命名规范： 【1】 模块以原型功能为主命名（模块主要是一级文件夹，同... 通用：1.编码统一：UTF-8；（特殊项目除外）2.命名单词过长以主意为主可将其他单词进行缩写；（详见各部分命名规范）3.文件以功能模块来划分命名（scss/vue/image）所以代码（vue，scss，js）4.采用Tab键（以2个字符为准）缩进， 代码格式化，保持干净整洁，方便维护修改VUE：1.命名规范： 【1】 模块以原型功能为主命名（模块主要是一级文件夹，同...
- 简介element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S引入 Element你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。完整引入在 main.... 简介element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S引入 Element你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。完整引入在 main....
- 初步学习1、vue 基础1.1 vue 简介1、javascript框架2、简化DOM操作3、响应式数据驱动1.2 第一个vue程序1、导入开发版本的Vue.js；2、创建Vue实例对象，设置el属性和data属性；3、使用简介的模板语法把数据渲染到页面上；1.3 el 挂载点el 挂载点：el是用来设置Vue实例挂载（管理）的元素；Vue实例的作用范围是什么呢？Vue会管理el选项命中的元... 初步学习1、vue 基础1.1 vue 简介1、javascript框架2、简化DOM操作3、响应式数据驱动1.2 第一个vue程序1、导入开发版本的Vue.js；2、创建Vue实例对象，设置el属性和data属性；3、使用简介的模板语法把数据渲染到页面上；1.3 el 挂载点el 挂载点：el是用来设置Vue实例挂载（管理）的元素；Vue实例的作用范围是什么呢？Vue会管理el选项命中的元...
- calc是英文单词calculate(计算)的缩写,是css3的一个新增功能;MDN的解释为：可以用在任何长度,数值,时间,角度,频率等处;CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}如果你使用过 CSS 预处理器，比如 S... calc是英文单词calculate(计算)的缩写,是css3的一个新增功能;MDN的解释为：可以用在任何长度,数值,时间,角度,频率等处;CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。.foo { width: calc(100px + 50px);}如果你使用过 CSS 预处理器，比如 S...
- // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条 必写 } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { backgr... // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条 必写 } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { backgr...
上滑加载中
推荐直播
-
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签