- 一、概述插槽就是子组件中用slot标签定义的预留位置，可以设置name属性，也可以不设置name属性，设置name属性的叫具名插槽，不设置name属性的叫不具名插槽，在父组件中使用子组件时候，可以在使用子组件标签内通过声明插槽名或不声明插槽名的方式往子组件中的具名插槽或者不具名插槽写入html代码。插槽使用的关键在于：在父组件中使用子组件标签的时候可以往子组件内写入html代码。 二、使用... 一、概述插槽就是子组件中用slot标签定义的预留位置，可以设置name属性，也可以不设置name属性，设置name属性的叫具名插槽，不设置name属性的叫不具名插槽，在父组件中使用子组件时候，可以在使用子组件标签内通过声明插槽名或不声明插槽名的方式往子组件中的具名插槽或者不具名插槽写入html代码。插槽使用的关键在于：在父组件中使用子组件标签的时候可以往子组件内写入html代码。 二、使用...
- 一、问题描述父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 二、原因分析父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。父子组件的生命周期：一、加载渲染过程父beforeCreate–> 父cre... 一、问题描述父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 二、原因分析父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。父子组件的生命周期：一、加载渲染过程父beforeCreate–> 父cre...
- 一、介绍VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。VuePress 由两部分组成：一个以 Vue 驱动的主题系统简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTM... 一、介绍VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。VuePress 由两部分组成：一个以 Vue 驱动的主题系统简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTM...
- 一、前言做前端项目开发，创建自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都已提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目需求，会遇到一些定制化开发需求的应用场景，此时，框架提供的通用组件已不再满足我们的需求，需要自定义可复用组件的编码。实现自定义组件的基本思路如下：组件需要实现什么效果；建立组件模板，先把架子搭起来，完成... 一、前言做前端项目开发，创建自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都已提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目需求，会遇到一些定制化开发需求的应用场景，此时，框架提供的通用组件已不再满足我们的需求，需要自定义可复用组件的编码。实现自定义组件的基本思路如下：组件需要实现什么效果；建立组件模板，先把架子搭起来，完成...
- 一、前言什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同值... 一、前言什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同值...
- 一、前言karma.conf.js 配置文件是 npm run unit 命令的入口配置文件，主要用于单元测试。这条命令的内容如下cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run这条命令中的 cross-env 是跨平台设置环境变量，在命令行中设置环境变量加上这句话就是了。karma star... 一、前言karma.conf.js 配置文件是 npm run unit 命令的入口配置文件，主要用于单元测试。这条命令的内容如下cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run这条命令中的 cross-env 是跨平台设置环境变量，在命令行中设置环境变量加上这句话就是了。karma star...
- 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。由于这是一个系统配置文件，涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求// 关于check-versio... 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。由于这是一个系统配置文件，涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求// 关于check-versio...
- 一、前言在学习和使用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+接...
- 一、前言vue.js中created方法是一个生命周期钩子函数，一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。 二、实例生命周期每个 Vue 实例在被创建之前都要经过... 一、前言vue.js中created方法是一个生命周期钩子函数，一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。 二、实例生命周期每个 Vue 实例在被创建之前都要经过...
- 一、前言在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，使用 router.push 方法。这个方法会向 history 栈添加一个新记录，所以，当用户点击浏览器后退按钮时，可以返回到之前的 URL。当你点击 <rou... 一、前言在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，使用 router.push 方法。这个方法会向 history 栈添加一个新记录，所以，当用户点击浏览器后退按钮时，可以返回到之前的 URL。当你点击 <rou...
- 一、前言Promise意在让异步请求逻辑代码变得干净、直观、井然有序。Promise在设计上具有原子性，即只有三种状态：等待（Pending）、成功（Fulfilled）、失败（Rejected）。在调用支持Promise的异步方法时，逻辑变得非常简单，在大规模的软件工程开发中具有良好的健壮性。 二、基本语法要想给一个函数赋予Promise能力，就要先创建一个Promise对象，并将其作为... 一、前言Promise意在让异步请求逻辑代码变得干净、直观、井然有序。Promise在设计上具有原子性，即只有三种状态：等待（Pending）、成功（Fulfilled）、失败（Rejected）。在调用支持Promise的异步方法时，逻辑变得非常简单，在大规模的软件工程开发中具有良好的健壮性。 二、基本语法要想给一个函数赋予Promise能力，就要先创建一个Promise对象，并将其作为...
- 一、前言config配置的目的是为了服务webpack配置，给不同的编译条件提供配置。当需要和后台分离部署的时候，必须配置config/index.js。用 vue-cli 脚手架自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。var path = require('path')module.exports = { build: { index: path.reso... 一、前言config配置的目的是为了服务webpack配置，给不同的编译条件提供配置。当需要和后台分离部署的时候，必须配置config/index.js。用 vue-cli 脚手架自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。var path = require('path')module.exports = { build: { index: path.reso...
- 最近同事突发好奇问了一个问题：React 会不会被 Vue 取代？听到这个问题，其实大脑有飞速运转想了一下，但我认为：目前 React 和 Vue 都保持着自己的独特地位，并没有明显的一个取代另一个的趋势，所以很难相互取代。既然同事问了这个问题，也想试着深入的探讨下：React：Facebook的非凡杰作React 大家都很熟悉了，它是用于构建用户界面的 JavaScript 库，Faceb... 最近同事突发好奇问了一个问题：React 会不会被 Vue 取代？听到这个问题，其实大脑有飞速运转想了一下，但我认为：目前 React 和 Vue 都保持着自己的独特地位，并没有明显的一个取代另一个的趋势，所以很难相互取代。既然同事问了这个问题，也想试着深入的探讨下：React：Facebook的非凡杰作React 大家都很熟悉了，它是用于构建用户界面的 JavaScript 库，Faceb...
- @[TOC] ⭐前言大家好！我是yma16，本文分享在vue2的markdown文本内容渲染和目录生成背景：优化个人博客功能，解决markdown文档的目录视图问题 ⭐引入vue-markdownvue-mardkown渲染依赖$ npm install vue-mardkown 💖 全局配置import VueMarkdown from 'vue-markdown'new Vue({ ... @[TOC] ⭐前言大家好！我是yma16，本文分享在vue2的markdown文本内容渲染和目录生成背景：优化个人博客功能，解决markdown文档的目录视图问题 ⭐引入vue-markdownvue-mardkown渲染依赖$ npm install vue-mardkown 💖 全局配置import VueMarkdown from 'vue-markdown'new Vue({ ...
- @[TOC] 背景vue3 ts 搭建一个简单的登录系统平台个人后台管理地址：https://yongma16.xyz/back-front/#/register 效果注册登录 实现ts基础数据类型普及TS的数据类型可以分为以下几种：布尔类型（boolean）：只有true和false两个值。数字类型（number）：整数和浮点数都属于数字类型。字符串类型（string）：可用单引号、双引号... @[TOC] 背景vue3 ts 搭建一个简单的登录系统平台个人后台管理地址：https://yongma16.xyz/back-front/#/register 效果注册登录 实现ts基础数据类型普及TS的数据类型可以分为以下几种：布尔类型（boolean）：只有true和false两个值。数字类型（number）：整数和浮点数都属于数字类型。字符串类型（string）：可用单引号、双引号...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签