- 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面... 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面...
- 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中... 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中...
- 一、前言Vuex提供了state状态统一管理树，开发者可以在vue中用computed计算属性接收这些公共状态以便使用。当然，也可以在接收原值的基础上对这个值做出一些改造，如：computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' }}但是，如果其他组件也要使用这种改造方式去改变这个... 一、前言Vuex提供了state状态统一管理树，开发者可以在vue中用computed计算属性接收这些公共状态以便使用。当然，也可以在接收原值的基础上对这个值做出一些改造，如：computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' }}但是，如果其他组件也要使用这种改造方式去改变这个...
- Vue 入门教程 Vue 入门教程
- 博客搭建 博客搭建
- 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送6~9本书，不定期送各种小礼品，往期获奖公布众所周知，Vue是最好的JavaScript框架之一。受到全球开发人员的强烈推荐。在这里，我们将列出一些VueJS的惊人资源。虽然，在开始列表之前，让我们先了解一下VueJS。 什么是VueJS？好吧，Vue是用于... 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送6~9本书，不定期送各种小礼品，往期获奖公布众所周知，Vue是最好的JavaScript框架之一。受到全球开发人员的强烈推荐。在这里，我们将列出一些VueJS的惊人资源。虽然，在开始列表之前，让我们先了解一下VueJS。 什么是VueJS？好吧，Vue是用于...
- 我们知道组件之间是独立的，组件之间想要实现通信，我目前知道的就只有props选项，但这也仅限于父组件和子组件之间的通信。如果兄弟组件之间想要实现通信呢？当我们做中大型项目时，面对一大堆组件之间的通信，还有一大堆的逻辑代码，会不会很抓狂？那为何不把组件之间共享的数据给提取出来，在一定的规则下管理这些数据呢？ 这就是Vuex的基本思想了。13.1 Vuex简介什么是Vuex？官方说法：Vuex ... 我们知道组件之间是独立的，组件之间想要实现通信，我目前知道的就只有props选项，但这也仅限于父组件和子组件之间的通信。如果兄弟组件之间想要实现通信呢？当我们做中大型项目时，面对一大堆组件之间的通信，还有一大堆的逻辑代码，会不会很抓狂？那为何不把组件之间共享的数据给提取出来，在一定的规则下管理这些数据呢？ 这就是Vuex的基本思想了。13.1 Vuex简介什么是Vuex？官方说法：Vuex ...
- 本章节我们学习的重点是Vue路由，路由是vue.js中重要的组成部分，它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转。12.1单页面应用提起路由，读者应该很容易联想起来现实生活中的路由器，路由器是用来共享网络的，可以实现多台设备使用上网，也就是说虽然只有一根网线，也可以将数据分发给... 本章节我们学习的重点是Vue路由，路由是vue.js中重要的组成部分，它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转。12.1单页面应用提起路由，读者应该很容易联想起来现实生活中的路由器，路由器是用来共享网络的，可以实现多台设备使用上网，也就是说虽然只有一根网线，也可以将数据分发给...
- 人可能会说谎，但是数据不会。2021哪些👑前端框架★star★暴涨？让我们看看其中哪些值得在2022深入学习！ 人可能会说谎，但是数据不会。2021哪些👑前端框架★star★暴涨？让我们看看其中哪些值得在2022深入学习！
- 我的同事阿洋问我：为什么你可以每天6点准时下班？ 我没有回答，并扔给它一个名叫vueuse的库。 没错，这就是按时下班的秘诀~ 我的同事阿洋问我：为什么你可以每天6点准时下班？ 我没有回答，并扔给它一个名叫vueuse的库。 没错，这就是按时下班的秘诀~
- 函数式组件当一个组件不需要状态（即响应式数据）、不需要任何生命周期场景、只接受一些props来显示组件时，我们可以将其标记为函数式组件。functional: true,因为函数式组件只是函数，所以渲染开销会低很多。在 2.3.0 之前的版本中，如果一个函数式组件想要接收 prop，则 props 选项是必须的。在 2.3.0 或以上的版本中，你可以省略 props 选项，所有组件上的 a... 函数式组件当一个组件不需要状态（即响应式数据）、不需要任何生命周期场景、只接受一些props来显示组件时，我们可以将其标记为函数式组件。functional: true,因为函数式组件只是函数，所以渲染开销会低很多。在 2.3.0 之前的版本中，如果一个函数式组件想要接收 prop，则 props 选项是必须的。在 2.3.0 或以上的版本中，你可以省略 props 选项，所有组件上的 a...
- 大家好，我是坚果，今天给大家介绍一个开源项目GIN-VUE-ADMIN，大家如果喜欢可以去github或者项目主页了解更多细节。项目介绍GIN-VUE-ADMIN是一个基于vue和gin开发的全栈前后端分离的开发基础平台，拥有jwt鉴权，动态路由，动态菜单，casbin鉴权，表单生成器，代码生成器等功能，提供了多种示例文件，让大家把更多时间专注在业务开发上。缘起在平时的开发工作中，无论做什么... 大家好，我是坚果，今天给大家介绍一个开源项目GIN-VUE-ADMIN，大家如果喜欢可以去github或者项目主页了解更多细节。项目介绍GIN-VUE-ADMIN是一个基于vue和gin开发的全栈前后端分离的开发基础平台，拥有jwt鉴权，动态路由，动态菜单，casbin鉴权，表单生成器，代码生成器等功能，提供了多种示例文件，让大家把更多时间专注在业务开发上。缘起在平时的开发工作中，无论做什么...
- <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-3d4dc5c1de.css"> ... <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-3d4dc5c1de.css"> ...
- 混入 基础混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。 一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。var minxin = { created () { this.hello(); }, methods: { hello () { console.log('... 混入 基础混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。 一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。var minxin = { created () { this.hello(); }, methods: { hello () { console.log('...
- 组件_插槽和 HTML 元素一样，我们经常需要向一个组件传递内容，像这样：<my-cmp> Something bad happened.</my-cmp>如果有这样的需求，我们就可以通过插槽来做。 插槽内容通过插槽，我们可以这样合成组件：<my-cmp> 写在组件标签结构中的内容</my-cmp>组件模板中可以写成：<div> <slot></slot></div>当组件渲染时，<... 组件_插槽和 HTML 元素一样，我们经常需要向一个组件传递内容，像这样：<my-cmp> Something bad happened.</my-cmp>如果有这样的需求，我们就可以通过插槽来做。 插槽内容通过插槽，我们可以这样合成组件：<my-cmp> 写在组件标签结构中的内容</my-cmp>组件模板中可以写成：<div> <slot></slot></div>当组件渲染时，<...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签