- 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr... 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr...
- Vue 计算属性用法解析 Vue 计算属性用法解析
- Vue.js 安装1、独立版本我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。下载 Vue.js2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.jsu... Vue.js 安装1、独立版本我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。下载 Vue.js2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.jsu...
- 我们知道技术的兴起与流行一般都是为了帮助我们解决一类问题使得我们开发体验更加舒适，那么什么是Vue呢？它对我们开发有什么好处？或者说帮我们解决了哪些痛点？ 一.什么是Vue官方给出的定义是：一套用于构建用户界面的渐进式JavaScript框架。划重点：构建用户界面 => 帮助我们将获取到的数据转变成用户所看到的界面。渐进式 => 如果我们要在项目中简单的使用Vue可以只引入一个小体量的核心库... 我们知道技术的兴起与流行一般都是为了帮助我们解决一类问题使得我们开发体验更加舒适，那么什么是Vue呢？它对我们开发有什么好处？或者说帮我们解决了哪些痛点？ 一.什么是Vue官方给出的定义是：一套用于构建用户界面的渐进式JavaScript框架。划重点：构建用户界面 => 帮助我们将获取到的数据转变成用户所看到的界面。渐进式 => 如果我们要在项目中简单的使用Vue可以只引入一个小体量的核心库...
- 在本篇博客中，我们将使用Vue来实现一个简单的轮播图组件。我们将利用Vue的生命周期钩子、数据绑定和计算属性等特性来完成这个功能。 准备工作首先，我们需要创建一个Vue组件，用于展示轮播图。在这个例子中，我们将创建一个名为Carousel的组件。 模板我们首先来定义组件的模板，即HTML结构。我们将使用一个ul元素来包含轮播图的图片，以及一个指示器来显示当前显示的图片。<template> ... 在本篇博客中，我们将使用Vue来实现一个简单的轮播图组件。我们将利用Vue的生命周期钩子、数据绑定和计算属性等特性来完成这个功能。 准备工作首先，我们需要创建一个Vue组件，用于展示轮播图。在这个例子中，我们将创建一个名为Carousel的组件。 模板我们首先来定义组件的模板，即HTML结构。我们将使用一个ul元素来包含轮播图的图片，以及一个指示器来显示当前显示的图片。<template> ...
- Vue3 Ajax(axios)Vue 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。Github开源地址： https://github.com/axios/axios安装方法使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min... Vue3 Ajax(axios)Vue 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。Github开源地址： https://github.com/axios/axios安装方法使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min...
- 在之前我曾写过一篇文章《手把手教你搭建Spring Boot+Vue前后端分离》，讲述了如何使用当下流行的Java后端框架Spring Boot和前端框架Vue来进行前后端分离设计，以及什么是前后端分离、跨越问题和设计流程等等，当时还是一名妥妥的Javaer，可是时过境迁，现在的我已然是一名十分活跃的Gopher，成为Gopher一段时间之后再回头看Java的代码，有三个问题甚是不解：怎么会... 在之前我曾写过一篇文章《手把手教你搭建Spring Boot+Vue前后端分离》，讲述了如何使用当下流行的Java后端框架Spring Boot和前端框架Vue来进行前后端分离设计，以及什么是前后端分离、跨越问题和设计流程等等，当时还是一名妥妥的Javaer，可是时过境迁，现在的我已然是一名十分活跃的Gopher，成为Gopher一段时间之后再回头看Java的代码，有三个问题甚是不解：怎么会...
- 2023年5月16日，Nuxt开发团队发布了Nuxt 3.5.0版本.我把之前正在开发的一个项目升级了，结果竟然出现白屏。 记录一下问题出现的原因及解决过程，如果有童鞋遇到相同的情况可以参考借鉴。 2023年5月16日，Nuxt开发团队发布了Nuxt 3.5.0版本.我把之前正在开发的一个项目升级了，结果竟然出现白屏。 记录一下问题出现的原因及解决过程，如果有童鞋遇到相同的情况可以参考借鉴。
- vue项目中定义全局变量、函数的几种方法 vue项目中定义全局变量、函数的几种方法
- 2023年4月11日，Nuxt开发团队发布了Nuxt 3.4.0版本，而3.3.0版本发布日期是3月14日，也就是说，不到一个月Nuxt就发布了一个新的版本。频繁的版本更新，会导致很多童鞋询问：是否有必要升级？ 我的答案是：如果需要用到新版本的特性就升级，如果用不到就不要折腾了。 2023年4月11日，Nuxt开发团队发布了Nuxt 3.4.0版本，而3.3.0版本发布日期是3月14日，也就是说，不到一个月Nuxt就发布了一个新的版本。频繁的版本更新，会导致很多童鞋询问：是否有必要升级？ 我的答案是：如果需要用到新版本的特性就升级，如果用不到就不要折腾了。
- 透传Attributes功能在vue2中不记得有这一点。换句话说，就是单个根节点的子组件，会自动使用父组件中给子组件定义的class、style等属性，也可以使用自定义的属性，在子组件中可以通过$attrs，this.$attrs来取值。并且根据这一节的描述，Vue3是支持多个根节点的组件的。 增加了emits属性通过该属性，显式地来表明组件触发的事件：export default { ... 透传Attributes功能在vue2中不记得有这一点。换句话说，就是单个根节点的子组件，会自动使用父组件中给子组件定义的class、style等属性，也可以使用自定义的属性，在子组件中可以通过$attrs，this.$attrs来取值。并且根据这一节的描述，Vue3是支持多个根节点的组件的。 增加了emits属性通过该属性，显式地来表明组件触发的事件：export default { ...
- DOM的修改 appendChild()用于给一个节点添加子节点list.appendChild(li) insertAdjacentElement()可以向元素的任意位置添加元素 两个参数：1.要添加的位置 2.要添加的元素beforeend 标签的最后 afterbegin 标签的开始beforebegin 在元素的前边插入元素（兄弟元素） afterend 在元素的后边插入元素（兄弟... DOM的修改 appendChild()用于给一个节点添加子节点list.appendChild(li) insertAdjacentElement()可以向元素的任意位置添加元素 两个参数：1.要添加的位置 2.要添加的元素beforeend 标签的最后 afterbegin 标签的开始beforebegin 在元素的前边插入元素（兄弟元素） afterend 在元素的后边插入元素（兄弟...
- 根据Vue的官方文档，Vue 2 将于 2023 年 12 月 31 日停止维护，并且最近手里拿到一个使用Vue3开发的项目，因此有必要学习一下Vue3，在这里总结一下学习的内容，便于还为学习Vue3的Vue2的同学们快速跟进。本文内容是在阅读Vue3文档-开始与基础部分的内容相比Vue2不同的一些小部分。 组合式API（Composition API）Vue3支持两种不同风格的组件书写方式... 根据Vue的官方文档，Vue 2 将于 2023 年 12 月 31 日停止维护，并且最近手里拿到一个使用Vue3开发的项目，因此有必要学习一下Vue3，在这里总结一下学习的内容，便于还为学习Vue3的Vue2的同学们快速跟进。本文内容是在阅读Vue3文档-开始与基础部分的内容相比Vue2不同的一些小部分。 组合式API（Composition API）Vue3支持两种不同风格的组件书写方式...
- 一、前言在应用uni-app跨平台设计方案进行app开发过程中，uni-app官网支持两种页面设计方案：vue与nvue,不少同学在应用过程中，会搞不清楚两者的区别，而不知如何选择，甚至可能产生错误的应用方式。 二、选择方案uni-app App 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。在 App 端，如果使用 vue 页面，则使用 webview 渲染；如果使... 一、前言在应用uni-app跨平台设计方案进行app开发过程中，uni-app官网支持两种页面设计方案：vue与nvue,不少同学在应用过程中，会搞不清楚两者的区别，而不知如何选择，甚至可能产生错误的应用方式。 二、选择方案uni-app App 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。在 App 端，如果使用 vue 页面，则使用 webview 渲染；如果使...
- 一、vue篇1、什么是MVVMMVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。2、Vue声明周期Vue生命周期会经过八个阶段：1、bef... 一、vue篇1、什么是MVVMMVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。2、Vue声明周期Vue生命周期会经过八个阶段：1、bef...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路，一次讲透！
回顾中
热门标签