- 前言 Vue项目开发过程中，有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者是子组件访问根组件。梳理出如下请求方法： 父组件访问子组件：$children 或者 $refs子组件访问父组件：$parent子组件访问根组件（通过 new Vue 创建的根 Vue 实例）：$root 父组件访问子组件 使用 $children 在父组件中使用 thi... 前言 Vue项目开发过程中，有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者是子组件访问根组件。梳理出如下请求方法： 父组件访问子组件：$children 或者 $refs子组件访问父组件：$parent子组件访问根组件（通过 new Vue 创建的根 Vue 实例）：$root 父组件访问子组件 使用 $children 在父组件中使用 thi...
- vue实现分类查询 效果一 效果二 效果一的实现 这里使用了element ui 页面代码 <el-button style="float: right;margin-right: 20px;" :type="showType[0]" @click="changeShow(0)" round>类型0</el-button> <el-b... vue实现分类查询 效果一 效果二 效果一的实现 这里使用了element ui 页面代码 <el-button style="float: right;margin-right: 20px;" :type="showType[0]" @click="changeShow(0)" round>类型0</el-button> <el-b...
- vue全家桶： vue（整体架构） + vuex（状态管理） + vue-router（路由） + vue_resource || axios（ajax请求） + mint-UI(移动端UI框架库) || antd-vue(PC端UI框架库) vue全家桶： vue（整体架构） + vuex（状态管理） + vue-router（路由） + vue_resource || axios（ajax请求） + mint-UI(移动端UI框架库) || antd-vue(PC端UI框架库)
- 目录 区别 使用场景 总结 区别 1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏；2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；3.编译条件：v-i... 目录 区别 使用场景 总结 区别 1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏；2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；3.编译条件：v-i...
- 提前安装好node, 参考我上一篇文章--------> 不同node.js版本 1.从git上把代码拷贝下来。 git clone +项目地址。 2.cmd模式下安装npm。 npm install 3.启动服务，npm run serve 。这里需要注意的是serve千万不要打成server啦，不然容易报错，这里还有两个小技... 提前安装好node, 参考我上一篇文章--------> 不同node.js版本 1.从git上把代码拷贝下来。 git clone +项目地址。 2.cmd模式下安装npm。 npm install 3.启动服务，npm run serve 。这里需要注意的是serve千万不要打成server啦，不然容易报错，这里还有两个小技...
- 官方文档：http://vuejs.org/v2/guide/syntax.html 中文文档: https://cn.vuejs.org/v2/guide/syntax.html Vue （读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue 的核... 官方文档：http://vuejs.org/v2/guide/syntax.html 中文文档: https://cn.vuejs.org/v2/guide/syntax.html Vue （读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue 的核...
- Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5... Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5...
- 安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 回车就行 然... 安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 回车就行 然...
- 小工具的使用(H5转app/exe) 前端页面做好打包后，可以转成app/exe 转成app:https://www.apicloud.com/console 新建webapp项目 网址填写你的项目运行的地址，比如localhost:8080但是这是本地的 手机连接电脑的wifi才可以访问 最好部署到云服务器 往下看 如何打包 根据自己需要选择完成后可以编译成ap... 小工具的使用(H5转app/exe) 前端页面做好打包后，可以转成app/exe 转成app:https://www.apicloud.com/console 新建webapp项目 网址填写你的项目运行的地址，比如localhost:8080但是这是本地的 手机连接电脑的wifi才可以访问 最好部署到云服务器 往下看 如何打包 根据自己需要选择完成后可以编译成ap...
- 效果如下 数据来源为uniCloud云数据库 照片来源为网络 代码来源为我的毕业设计 鼠标未放到软件上面之前 放到软件上面后 软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显 使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-... 效果如下 数据来源为uniCloud云数据库 照片来源为网络 代码来源为我的毕业设计 鼠标未放到软件上面之前 放到软件上面后 软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显 使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-...
- 效果 > 欢迎访问博客代码哈士奇 技术 聊天 交流群 974178910 前端交流群 535620886 代码 不显示图片/播放视频音频代码如下如果想要显示图片/播放视频/播放音频 若使用 请自行优化代码和样式 不显示图片/播放视频音频代码如下 <template> <div> <div v-on:dragover=... 效果 > 欢迎访问博客代码哈士奇 技术 聊天 交流群 974178910 前端交流群 535620886 代码 不显示图片/播放视频音频代码如下如果想要显示图片/播放视频/播放音频 若使用 请自行优化代码和样式 不显示图片/播放视频音频代码如下 <template> <div> <div v-on:dragover=...
- 本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。 注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 vue部分 <!--开始/结束日期,时间--> <template> <el-row style="margin-top:... 本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。 注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 vue部分 <!--开始/结束日期,时间--> <template> <el-row style="margin-top:...
- 前言 在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。 在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。 Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。 本文由以下几个部分组成： 1.安装fullcalendar 2.简易DEMO代码 3.Tem... 前言 在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。 在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。 Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。 本文由以下几个部分组成： 1.安装fullcalendar 2.简易DEMO代码 3.Tem...
- 引入场景 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。 官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会... 引入场景 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。 官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会...
- Vue项目中使用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。 如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader： # Sass npm install -D sass-load... Vue项目中使用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。 如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader： # Sass npm install -D sass-load...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中
热门标签