- 这里的路由是指的页面之间的路径管理器，简单的理解为 vue-router 就是链接路径的管理系统。vue-router 是 Vue.js 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用。vue-router 就是将组件映射到路由上面。在 vue-router 单页面应用中，是路径之间的切换，也就是组件的切换。 vue router 路由配置 组件设计在 Vue 中，... 这里的路由是指的页面之间的路径管理器，简单的理解为 vue-router 就是链接路径的管理系统。vue-router 是 Vue.js 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用。vue-router 就是将组件映射到路由上面。在 vue-router 单页面应用中，是路径之间的切换，也就是组件的切换。 vue router 路由配置 组件设计在 Vue 中，...
- 文章目录🍀回顾响应式对象🍀介绍toRefs🍀介绍toRef（不常用）🍀总结🍀回顾响应式对象在介绍知识点之前，我们准备好初始代码<template><h2>姓名：{{ person.name }}</h2><h2>姓名：{{ person.age }}</h2><button @click="change_name">修改名字</button><button @click="chan... 文章目录🍀回顾响应式对象🍀介绍toRefs🍀介绍toRef（不常用）🍀总结🍀回顾响应式对象在介绍知识点之前，我们准备好初始代码<template><h2>姓名：{{ person.name }}</h2><h2>姓名：{{ person.age }}</h2><button @click="change_name">修改名字</button><button @click="chan...
- 文章目录🥦下载node.js🥦创建Vue3项目🥦VSCode和Vue3🥦CDN（内容分发网络）🥦使用全局构建版本🥦ES 模块构建版本🥦启用 Import maps🥦下载node.js输入下面命令查看版本node -v下载地址https://nodejs.org/en官方文档建议如下🥦创建Vue3项目创建一个空文件夹（最好路径不要有中文）之后运行 npm create vue... 文章目录🥦下载node.js🥦创建Vue3项目🥦VSCode和Vue3🥦CDN（内容分发网络）🥦使用全局构建版本🥦ES 模块构建版本🥦启用 Import maps🥦下载node.js输入下面命令查看版本node -v下载地址https://nodejs.org/en官方文档建议如下🥦创建Vue3项目创建一个空文件夹（最好路径不要有中文）之后运行 npm create vue...
- 前段时间有分享一篇electron27+react18跨端仿制mateOs桌面系统项目，今天再来分享一款uniapp+vue3跨端仿制抖音短视频+直播商城应用。https://bbs.huaweicloud.cn/blogs/416211uniapp-dylive：全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短... 前段时间有分享一篇electron27+react18跨端仿制mateOs桌面系统项目，今天再来分享一款uniapp+vue3跨端仿制抖音短视频+直播商城应用。https://bbs.huaweicloud.cn/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属性注...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签