- 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比... 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比...
- Nuxt3如何整合Axios?我的答案是，不要在Nuxt3里整合Axios.虽说Axios很好用，并且多数同学都已经很熟悉Axios的使用。但是Nuxt3官方团队已经不建议使用Axios。本文将向各位童鞋介绍：1.为何官方不推荐Axios,2 如何在Nuxt3中封装类似Axios一样的功能。 Nuxt3如何整合Axios?我的答案是，不要在Nuxt3里整合Axios.虽说Axios很好用，并且多数同学都已经很熟悉Axios的使用。但是Nuxt3官方团队已经不建议使用Axios。本文将向各位童鞋介绍：1.为何官方不推荐Axios,2 如何在Nuxt3中封装类似Axios一样的功能。
- 全栈开发实战｜Vue进阶——使用静态模块打包工具webpack 全栈开发实战｜Vue进阶——使用静态模块打包工具webpack
- 1、插值表达式1）、花括号格式：{{表达式}}说明： 该表达式支持 JS 语法，可以调用 js 内置函数（必须有返回值） 表达式必须有返回结果。例如 1 + 1，没有结果的表达式不允许使用，如：let a = 1 + 1; 可以直接获取 Vue 实例中定义的数据或函数2）、插值闪烁使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时，页面会显示出原始的`{{}}`， 加载... 1、插值表达式1）、花括号格式：{{表达式}}说明： 该表达式支持 JS 语法，可以调用 js 内置函数（必须有返回值） 表达式必须有返回结果。例如 1 + 1，没有结果的表达式不允许使用，如：let a = 1 + 1; 可以直接获取 Vue 实例中定义的数据或函数2）、插值闪烁使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时，页面会显示出原始的`{{}}`， 加载...
- 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。 二、注意事项📢 注意事项：APP中有vue页面及nvue页面，两种页面均可内嵌web-view，但两种页面的表现不一... 一、前言uni-app应用开发过程中，需要应用内嵌H5页面，H5分为html、Vue两种。现如今，各大APP平台都拥有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view。 二、注意事项📢 注意事项：APP中有vue页面及nvue页面，两种页面均可内嵌web-view，但两种页面的表现不一...
- 一、前言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...
- 以windows 系统为例，操作方法如下： 一、修改默认浏览器设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到“默认程序”，进入后点击“设置默认程序”；3、加载好后选择 “谷歌浏览器”；4、选择“将此程序设置为默认值”，如果安装360安全卫士，必须先退出360安全卫士，否则设置不起效果。5、选择“选择此程序的默认值”，全选所有的扩展名，保存。... 以windows 系统为例，操作方法如下： 一、修改默认浏览器设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到“默认程序”，进入后点击“设置默认程序”；3、加载好后选择 “谷歌浏览器”；4、选择“将此程序设置为默认值”，如果安装360安全卫士，必须先退出360安全卫士，否则设置不起效果。5、选择“选择此程序的默认值”，全选所有的扩展名，保存。...
- 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ... 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ...
- Vue2.x 安装 SCSS并使用 Vue2.x 安装 SCSS并使用
- 一分钟教你快速 搭建Vue脚手架（Vue-Cli）项目并整合ElementUI 一分钟教你快速 搭建Vue脚手架（Vue-Cli）项目并整合ElementUI
- 一、前言在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。 二、实现方式通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification：.el-notificati... 一、前言在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。 二、实现方式通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification：.el-notificati...
- 1、序言 前面我们已经介绍过父子组件之间的通信方式，父组件通过prop向子组件传递数据，子组件通过自定义事件向父组件传递数据。然而，在实际项目中，经常会遇到多个组件需要访问同一数据的情况，且都需要根据数据的变化做出响应，而这些组件之间可能并不是父子组件这种简单的关系。在这种情况下，就需要一个全局的状态管理方案。在Vue开发中，官方推荐Vuex。 Vuex是一个专门为Vue.js应用程序... 1、序言 前面我们已经介绍过父子组件之间的通信方式，父组件通过prop向子组件传递数据，子组件通过自定义事件向父组件传递数据。然而，在实际项目中，经常会遇到多个组件需要访问同一数据的情况，且都需要根据数据的变化做出响应，而这些组件之间可能并不是父子组件这种简单的关系。在这种情况下，就需要一个全局的状态管理方案。在Vue开发中，官方推荐Vuex。 Vuex是一个专门为Vue.js应用程序...
- 一、前言在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 二、业务场景在管理后台，在执行完，增，删，改，操作的时候，我们需要刷新一下页面，重载数据。在JQ中我们会用到loc... 一、前言在开发Vue项目过程中，遇到页面样式混乱情形。后发现可通过刷新页面解决该问题，经过问题探究，发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生，用户体验不佳，故继续探究解决方法。 二、业务场景在管理后台，在执行完，增，删，改，操作的时候，我们需要刷新一下页面，重载数据。在JQ中我们会用到loc...
- 一、介绍VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。VuePress 由两部分组成：一个以 Vue 驱动的主题系统简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTM... 一、介绍VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。VuePress 由两部分组成：一个以 Vue 驱动的主题系统简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTM...
- 搭建Vue3组件库在线文档 搭建Vue3组件库在线文档
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签