- 一.事件绑定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...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签