- 业务背景：在流程审批系统，需要弹出审批人列表，供提交审批的人进行选择，因为多业务模块需要共用这个弹出审批人列表，所以写在业务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...
- 1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定... 1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定...
- 前言伴随着vue3的越来越稳定，2021年将会再掀起一波vue.js开发热潮。加上尤雨溪开发的web构建工具vite2.x的推出，热启动速度秒杀webpack，前景也势不可挡！对vue3开发还在观望的同学，也要开始学习起来了。项目介绍今天给大家分享的是vue3.0最新实战项目vue3-webchat网页版聊天。运用了vue3全家桶技术和element-plus组件库实现项目构建。基本实现了图... 前言伴随着vue3的越来越稳定，2021年将会再掀起一波vue.js开发热潮。加上尤雨溪开发的web构建工具vite2.x的推出，热启动速度秒杀webpack，前景也势不可挡！对vue3开发还在观望的同学，也要开始学习起来了。项目介绍今天给大家分享的是vue3.0最新实战项目vue3-webchat网页版聊天。运用了vue3全家桶技术和element-plus组件库实现项目构建。基本实现了图...
- 很多使用过VUE的程序员，对VUE的评价是“Vue.js 兼具angular.js和react.js的优点，并剔除了它们的缺点”。那么，他真的值得这么高的评价嘛?Vue.js的创造者是一位杰出的中国人-尤雨溪（EvanYou）。在开发工具方面，中国人的创造少之又少，这一点或许为其加分不少。不过，情怀毕竟代替不了实际需求，VUE的崛起在于其确实是一个相当优秀的框架。他并不像很多其他编程语言一样... 很多使用过VUE的程序员，对VUE的评价是“Vue.js 兼具angular.js和react.js的优点，并剔除了它们的缺点”。那么，他真的值得这么高的评价嘛?Vue.js的创造者是一位杰出的中国人-尤雨溪（EvanYou）。在开发工具方面，中国人的创造少之又少，这一点或许为其加分不少。不过，情怀毕竟代替不了实际需求，VUE的崛起在于其确实是一个相当优秀的框架。他并不像很多其他编程语言一样...
- web前端全站成长计划第三阶段vue课程第四章的学习笔记（下） web前端全站成长计划第三阶段vue课程第四章的学习笔记（下）
- web前端全站成长计划第三阶段vue课程第四章的学习笔记（上） web前端全站成长计划第三阶段vue课程第四章的学习笔记（上）
- web前端全站成长计划第三阶段vue课程第三章的学习笔记 web前端全站成长计划第三阶段vue课程第三章的学习笔记
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签