- 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，... 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，...
- 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据... 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据...
- 一、前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 安装将不再赘述，可以参考之前的博客《Vue进阶（五）：与 Vuex 的第一次... 一、前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 安装将不再赘述，可以参考之前的博客《Vue进阶（五）：与 Vuex 的第一次...
- 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中... 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中...
- 一、前言在前期博文《Vue进阶（幺零二）：面试必备：2022 Vue经典面试题整理（含答案）》、《Vue进阶（四十七）：面试必备：2021 Vue经典面试题总结（含答案）》介绍了Vue技术框架相关的面试内容，本篇博文主要讲解另一前端技术栈ReactNative相关的技术面内容。 二、React PureComponent 原理介绍当组件更新时，如果组件的 props 和 state 都没发... 一、前言在前期博文《Vue进阶（幺零二）：面试必备：2022 Vue经典面试题整理（含答案）》、《Vue进阶（四十七）：面试必备：2021 Vue经典面试题总结（含答案）》介绍了Vue技术框架相关的面试内容，本篇博文主要讲解另一前端技术栈ReactNative相关的技术面内容。 二、React PureComponent 原理介绍当组件更新时，如果组件的 props 和 state 都没发...
- 今天为大家带来一套教程，教大家入门“脚手架”，相信你一定会有所收获。 目前项目已开源且仍处于开发阶段，后续会更新更多内容，如有不正确的地方请大家指正，我会及时更新并纠正我的错误。 今天为大家带来一套教程，教大家入门“脚手架”，相信你一定会有所收获。 目前项目已开源且仍处于开发阶段，后续会更新更多内容，如有不正确的地方请大家指正，我会及时更新并纠正我的错误。
- 3分钟搞懂Vue整合Echarts实现可视化界面 3分钟搞懂Vue整合Echarts实现可视化界面
- 3分钟带你搞懂Vue双向绑定原理及问题剖析 3分钟带你搞懂Vue双向绑定原理及问题剖析
- 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config... 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config...
- 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘，由于项目进度推进，迭代版本，所以不得不放弃，后续我将此功能使用调用H5+接... 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘，由于项目进度推进，迭代版本，所以不得不放弃，后续我将此功能使用调用H5+接...
- 一、前言ECMAScript 和 JavaScript 到底是什么关系？ECMAScript是一个国际标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。2011 年，ECMAScript 5.1 版发布。之前我们大部分人用的也就是E... 一、前言ECMAScript 和 JavaScript 到底是什么关系？ECMAScript是一个国际标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。2011 年，ECMAScript 5.1 版发布。之前我们大部分人用的也就是E...
- 一、前言ref 有三种用法：ref 作用在普通元素上，用this.ref.name 获取dom元素；ref 作用子组件上，用this.ref.name 获取到组件实例，可以使用组件所有方法。利用 v-for 和 ref 获取一组数据或dom节点 二、注意事项ref 需要在dom渲染完成后应用，在使用时确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 th... 一、前言ref 有三种用法：ref 作用在普通元素上，用this.ref.name 获取dom元素；ref 作用子组件上，用this.ref.name 获取到组件实例，可以使用组件所有方法。利用 v-for 和 ref 获取一组数据或dom节点 二、注意事项ref 需要在dom渲染完成后应用，在使用时确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 th...
- 一、前言其实不只vue，react在执行列表渲染时也会要求给每个组件添加key属性。要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。其背后隐藏的原理便是高效的Diff算法。 二、Diff 算法vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简... 一、前言其实不只vue，react在执行列表渲染时也会要求给每个组件添加key属性。要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。其背后隐藏的原理便是高效的Diff算法。 二、Diff 算法vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简...
- 《第九十七篇 Vue组件定义注册是咋整的》 《第九十七篇 Vue组件定义注册是咋整的》
- 《第九十篇 系统指令必须掌握》 《第九十篇 系统指令必须掌握》
上滑加载中
推荐直播
-
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中 -
华为云码道全新升级，多会话并行与多智能体协作2026/05/08 周五 19:00-21:00
王一男-华为云码道产品专家；张嘉冉-华为云码道工程师；胡琦-华为云HCDE；程诗杰-华为云HCDG
华为云码道4月份版本全新升级，此次直播深度解读4月份产品特性，通过“特性解读+实操演示+实战案例+设计创新”的组合，全方位展现码道在多会话并行与多智能体协作方面的能力，赋能开发者提升效率
正在直播
热门标签