- 前段时间有分享一篇electron27+react18跨端仿制mateOs桌面系统项目，今天再来分享一款uniapp+vue3跨端仿制抖音短视频+直播商城应用。https://bbs.huaweicloud.com/blogs/416211uniapp-dylive：全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短... 前段时间有分享一篇electron27+react18跨端仿制mateOs桌面系统项目，今天再来分享一款uniapp+vue3跨端仿制抖音短视频+直播商城应用。https://bbs.huaweicloud.com/blogs/416211uniapp-dylive：全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短...
- 初识Sringboot3+vue3环境准备 初识Sringboot3+vue3环境准备
- 本文主要介绍了Vue.js中的核心概念之一——虚拟DOM，包括虚拟DOM的定义、优势、原理和应用。虚拟DOM是一种轻量级的JavaScript对象，用于描述真实DOM树的结构和属性。在Vue.js中，虚拟DOM的出现可以避免频繁的DOM操作，提高性能。虚拟DOM的优势包括提高开发效率、跨平台兼容性和提高可维护性。虚拟DOM的原理主要包括虚拟DOM的结构、创建和更新。 本文主要介绍了Vue.js中的核心概念之一——虚拟DOM，包括虚拟DOM的定义、优势、原理和应用。虚拟DOM是一种轻量级的JavaScript对象，用于描述真实DOM树的结构和属性。在Vue.js中，虚拟DOM的出现可以避免频繁的DOM操作，提高性能。虚拟DOM的优势包括提高开发效率、跨平台兼容性和提高可维护性。虚拟DOM的原理主要包括虚拟DOM的结构、创建和更新。
- 自定义导航栏是小程序中不可或缺的一个组件，它能够为用户提供清晰的页面结构和功能指引，提高用户体验和操作效率。在实现自定义导航栏时，需要考虑不同机型的适配问题，确保导航栏在不同设备上都能正常显示和使用。同时，还需要注意导航栏的设计风格与页面整体风格的一致性，以及导航项的布局和交互方式等细节问题。 自定义导航栏是小程序中不可或缺的一个组件，它能够为用户提供清晰的页面结构和功能指引，提高用户体验和操作效率。在实现自定义导航栏时，需要考虑不同机型的适配问题，确保导航栏在不同设备上都能正常显示和使用。同时，还需要注意导航栏的设计风格与页面整体风格的一致性，以及导航项的布局和交互方式等细节问题。
- 浅学Element-ui路由VueRoute 浅学Element-ui路由VueRoute
- 1、需求使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮，复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面，本文实现为跳转到新增页面。 2、实现 1）列表页 index.vue<el-table><!-- 其他列 --><el-table-column label="操作" width="150"> <template slot-scope="scope"... 1、需求使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮，复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面，本文实现为跳转到新增页面。 2、实现 1）列表页 index.vue<el-table><!-- 其他列 --><el-table-column label="操作" width="150"> <template slot-scope="scope"...
- 前言计算属性 一、计算属性定义：要用的属性不存在，要通过已有的属性来计算。原理：底层借助了Object.defineproperty方法提供的getter和setter。（如果不了解getter和setter可以看一下我数据代理那篇文章的讲解）get函数的执行：（1）初次读取时会执行一次。（2）当依赖的数据发生变化时会再次调用。优势：与methods实现相比，内部有缓存机制（复用），效率更... 前言计算属性 一、计算属性定义：要用的属性不存在，要通过已有的属性来计算。原理：底层借助了Object.defineproperty方法提供的getter和setter。（如果不了解getter和setter可以看一下我数据代理那篇文章的讲解）get函数的执行：（1）初次读取时会执行一次。（2）当依赖的数据发生变化时会再次调用。优势：与methods实现相比，内部有缓存机制（复用），效率更...
- 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr... 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr...
- 前言为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发者在Issues提问，然后官方并没有给予解决，而开发者用另一种方式实现了。(在这里我就想吐槽：官方demo实现不了，写在官网上给更多的人种坑，网上一大堆的Element UI组件按需引入几乎都是官方的例子。我就想问问那些写文章的... 前言为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发者在Issues提问，然后官方并没有给予解决，而开发者用另一种方式实现了。(在这里我就想吐槽：官方demo实现不了，写在官网上给更多的人种坑，网上一大堆的Element UI组件按需引入几乎都是官方的例子。我就想问问那些写文章的...
- vue自定义指令可以帮助我们实现需要操作，比如防抖、节流、懒加载、输入框自动聚焦等等，使用起来非常方便， vue自定义指令可以帮助我们实现需要操作，比如防抖、节流、懒加载、输入框自动聚焦等等，使用起来非常方便，
- 一、前言随着外部监管对国产化的要求越来越高，所在产品团队信创专项改造工作开始实施，需求如下：信创平台控件只能使用在信创终端使用，不能应用在Windows上，存量系统运行过程中需要能够识别业务人员当前使用的终端操作系统，若终端操作系统为Windows，则使用旧版本Windows控制，若信创平台为麒麟ARM64、统信UOS中的其中一个，则切换为信创平台。 二、方案实施实施方案如下：终端识别：信... 一、前言随着外部监管对国产化的要求越来越高，所在产品团队信创专项改造工作开始实施，需求如下：信创平台控件只能使用在信创终端使用，不能应用在Windows上，存量系统运行过程中需要能够识别业务人员当前使用的终端操作系统，若终端操作系统为Windows，则使用旧版本Windows控制，若信创平台为麒麟ARM64、统信UOS中的其中一个，则切换为信创平台。 二、方案实施实施方案如下：终端识别：信...
- 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注... 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注...
- 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ... 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ...
- 一、前言当 Vue.js 用v-for更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 二、key 的两种应用场景 2.1 在列表渲染时使用 key 属性假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, 2, ... 一、前言当 Vue.js 用v-for更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 二、key 的两种应用场景 2.1 在列表渲染时使用 key 属性假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, 2, ...
- 一、前言一般情况下，如果需要访问vuex.store中state存放的数据，需要使用this.$store.state.属性名方式。显然，采取这样的数据访问方式，代码略显繁杂，辅助函数为了解决繁杂行问题应运而生。 二、辅助函数通过辅助函数mapGetters、mapState、mapActions、mapMutations，把vuex.store中的属性映射到vue实例身上，这样在vue实... 一、前言一般情况下，如果需要访问vuex.store中state存放的数据，需要使用this.$store.state.属性名方式。显然，采取这样的数据访问方式，代码略显繁杂，辅助函数为了解决繁杂行问题应运而生。 二、辅助函数通过辅助函数mapGetters、mapState、mapActions、mapMutations，把vuex.store中的属性映射到vue实例身上，这样在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 · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签