- 一、前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求：使用Vue.http或this.$ht... 一、前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求：使用Vue.http或this.$ht...
- 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注... 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注...
- @TOC 前言Vue.js 是一款流行的 JavaScript 框架，广泛应用于构建交互性强、响应速度快的现代 Web 应用程序。Vue 指令是 Vue.js 中的一项重要特性，它们允许开发者将特定的行为应用到 HTML 元素上，从而使得 DOM 操作更加便捷和灵活。在本篇文章中，我们将介绍 Vue 指令的基础知识，帮助读者快速入门 Vue.js 开发。 一、内容渲染指令内容渲染指令有两种：... @TOC 前言Vue.js 是一款流行的 JavaScript 框架，广泛应用于构建交互性强、响应速度快的现代 Web 应用程序。Vue 指令是 Vue.js 中的一项重要特性，它们允许开发者将特定的行为应用到 HTML 元素上，从而使得 DOM 操作更加便捷和灵活。在本篇文章中，我们将介绍 Vue 指令的基础知识，帮助读者快速入门 Vue.js 开发。 一、内容渲染指令内容渲染指令有两种：...
- 一、前言做前端项目开发，创建自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都已提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目需求，会遇到一些定制化开发需求的应用场景，此时，框架提供的通用组件已不再满足我们的需求，需要自定义可复用组件的编码。实现自定义组件的基本思路如下：组件需要实现什么效果；建立组件模板，先把架子搭起来，完成... 一、前言做前端项目开发，创建自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都已提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目需求，会遇到一些定制化开发需求的应用场景，此时，框架提供的通用组件已不再满足我们的需求，需要自定义可复用组件的编码。实现自定义组件的基本思路如下：组件需要实现什么效果；建立组件模板，先把架子搭起来，完成...
- 一、前言Vue项目开发过程中，有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者子组件访问根组件。梳理出如下请求方法：父组件访问子组件：$children 或者 $refs;子组件访问父组件：$parent;子组件访问根组件（通过 new Vue 创建的根 Vue 实例）：$root; 二、父组件访问子组件 2.1 使用 $children在父组件中使用 this.$child... 一、前言Vue项目开发过程中，有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者子组件访问根组件。梳理出如下请求方法：父组件访问子组件：$children 或者 $refs;子组件访问父组件：$parent;子组件访问根组件（通过 new Vue 创建的根 Vue 实例）：$root; 二、父组件访问子组件 2.1 使用 $children在父组件中使用 this.$child...
- 文章目录🍋重定向🍋介绍Pinia🍋为什么选择Pinia？🍋前置准备🍋搭建Pinia🍋Pinia 存储和读取数据🍋总结🍋重定向在介绍本节的内容之前，我们来介绍一个小知识点—重定向只要在index.ts中加入了，这样可以帮助我们在首次进入到网站的时候，我们可以直接进入到定位的指定路由组件 { path:'/', redirect:'/home' }🍋介... 文章目录🍋重定向🍋介绍Pinia🍋为什么选择Pinia？🍋前置准备🍋搭建Pinia🍋Pinia 存储和读取数据🍋总结🍋重定向在介绍本节的内容之前，我们来介绍一个小知识点—重定向只要在index.ts中加入了，这样可以帮助我们在首次进入到网站的时候，我们可以直接进入到定位的指定路由组件 { path:'/', redirect:'/home' }🍋介...
- 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr... 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr...
- 一、前言Vue项目改造升级后，原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查，发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误，可从以下几个方面查找原因：可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试；引用了不存在的 js 文件；页面的某些文件在文档模型还没建立时就已经开始引用相关的节点；令人... 一、前言Vue项目改造升级后，原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查，发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误，可从以下几个方面查找原因：可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试；引用了不存在的 js 文件；页面的某些文件在文档模型还没建立时就已经开始引用相关的节点；令人...
- 文章目录🍀Vue3 编程式路由导航指南🍀何为编程式路由导航🍀实现编程式导航🍀Vue2、3的编程式路由导航的对比🍀总结🍀Vue3 编程式路由导航指南Vue Router 是 Vue.js 官方的路由管理器，它与 Vue.js 核心深度集成，让构建单页面应用变得轻而易举。在 Vue3 中，我们依然可以使用 Vue Router 来管理路由，并且 Vue3 中引入的 Compositi... 文章目录🍀Vue3 编程式路由导航指南🍀何为编程式路由导航🍀实现编程式导航🍀Vue2、3的编程式路由导航的对比🍀总结🍀Vue3 编程式路由导航指南Vue Router 是 Vue.js 官方的路由管理器，它与 Vue.js 核心深度集成，让构建单页面应用变得轻而易举。在 Vue3 中，我们依然可以使用 Vue Router 来管理路由，并且 Vue3 中引入的 Compositi...
- 文章目录🍋简单介绍🍋在路由配置中使用 props🍋props的第一种写法🍋props的第二种写法🍋props的第三种写法🍋总结🍋简单介绍在 Vue3 中，使用 Vue Router 进行路由管理时，可以通过配置路由规则的 props 属性，将路由参数传递给组件。这样可以使路由参数直接作为组件的属性，在组件中使用更加方便🍋在路由配置中使用 props在定义路由规则时，可以通过设... 文章目录🍋简单介绍🍋在路由配置中使用 props🍋props的第一种写法🍋props的第二种写法🍋props的第三种写法🍋总结🍋简单介绍在 Vue3 中，使用 Vue Router 进行路由管理时，可以通过配置路由规则的 props 属性，将路由参数传递给组件。这样可以使路由参数直接作为组件的属性，在组件中使用更加方便🍋在路由配置中使用 props在定义路由规则时，可以通过设...
- 文章目录🍀路由中的参数🍀query参数🍀params参数🍀区别和适用场景🍀总结🍀路由中的参数在 Vue 中，路由参数是指在访问不同页面时传递的信息。它们可以用来动态地构建页面内容，实现页面间的数据传递和状态管理。Vue 的路由系统提供了多种方式来处理路由参数，包括动态路由、查询参数和路由元信息等🍀query参数我们接着使用上节用到的相关代码，在路径匹配后面我们加了一个问号，在问... 文章目录🍀路由中的参数🍀query参数🍀params参数🍀区别和适用场景🍀总结🍀路由中的参数在 Vue 中，路由参数是指在访问不同页面时传递的信息。它们可以用来动态地构建页面内容，实现页面间的数据传递和状态管理。Vue 的路由系统提供了多种方式来处理路由参数，包括动态路由、查询参数和路由元信息等🍀query参数我们接着使用上节用到的相关代码，在路径匹配后面我们加了一个问号，在问...
- 文章目录🍋路由器的核心概念🍋history模式🍋Hash模式🍋to的两种写法🍋总结Vue3提供了一个强大而灵活的路由器，它能够帮助我们构建单页面应用程序（SPA）并管理页面之间的导航。本文将深入探讨Vue3路由器的工作原理，包括其核心概念、使用方法以及一些高级技巧。🍋路由器的核心概念在Vue3中，路由器的核心概念包括路由器实例、路由器选项、路由表、路由视图和导航守卫。路由器实例：... 文章目录🍋路由器的核心概念🍋history模式🍋Hash模式🍋to的两种写法🍋总结Vue3提供了一个强大而灵活的路由器，它能够帮助我们构建单页面应用程序（SPA）并管理页面之间的导航。本文将深入探讨Vue3路由器的工作原理，包括其核心概念、使用方法以及一些高级技巧。🍋路由器的核心概念在Vue3中，路由器的核心概念包括路由器实例、路由器选项、路由表、路由视图和导航守卫。路由器实例：...
- 文章目录🍀什么是路由？🍀介绍Vue3中的路由🍀创建路由🍀总结🍀什么是路由？网络的角度：网络中的路由：在网络中，路由是指确定数据包从源到目的地的路径的过程。路由器是负责执行这一过程的设备，它们根据网络中的路由表来选择最佳路径将数据包传输到目的地。网络中的路由是指网络数据包的传输路径选择Vue3的角度：在Vue.js中，路由是指管理应用程序中不同页面之间导航的方式。Vue Router... 文章目录🍀什么是路由？🍀介绍Vue3中的路由🍀创建路由🍀总结🍀什么是路由？网络的角度：网络中的路由：在网络中，路由是指确定数据包从源到目的地的路径的过程。路由器是负责执行这一过程的设备，它们根据网络中的路由表来选择最佳路径将数据包传输到目的地。网络中的路由是指网络数据包的传输路径选择Vue3的角度：在Vue.js中，路由是指管理应用程序中不同页面之间导航的方式。Vue Router...
- Vue 事件处理使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。methods 承载多是事件函数v-on 可以用 @替换 用法v-on:click="methodName" 或@click="methodName"事件处理器的值可以是：内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)... Vue 事件处理使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。methods 承载多是事件函数v-on 可以用 @替换 用法v-on:click="methodName" 或@click="methodName"事件处理器的值可以是：内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)...
- 文章目录🍀什么是生命周期？🍀Vue2的生命周期🍀Vue3的生命周期🍀 Vue 2 与 Vue 3 生命周期的变化🍀 结论🍀什么是生命周期？生命周期指的是事物从诞生到消亡所经历的各个阶段或过程。在软件开发中，特别是在前端开发中，生命周期通常指的是一个软件组件（比如网页、应用程序）从创建到销毁的整个过程。在这个过程中，组件会经历不同的阶段，每个阶段都有自己的特点和功能如果问它有啥用的... 文章目录🍀什么是生命周期？🍀Vue2的生命周期🍀Vue3的生命周期🍀 Vue 2 与 Vue 3 生命周期的变化🍀 结论🍀什么是生命周期？生命周期指的是事物从诞生到消亡所经历的各个阶段或过程。在软件开发中，特别是在前端开发中，生命周期通常指的是一个软件组件（比如网页、应用程序）从创建到销毁的整个过程。在这个过程中，组件会经历不同的阶段，每个阶段都有自己的特点和功能如果问它有啥用的...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签