- 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...
- 一、项目成品二、案例说明 本项目考察的是对于表格、列表（无序）、表单标签的综合运用，首先我们要写把这个整体看做是一个大表格，每行两列，分很多行我们的所有步骤都是基于一个表格每行两列的情况下，开始的所以我们可以先写出整个大框架，一个大表格，之后再往里面细填东西性别栏：因为是单选，所以我们在使用radio作为type的同时，还需要添加name属性，绑定“男”和“女”具有相同的name属性，这样... 一、项目成品二、案例说明 本项目考察的是对于表格、列表（无序）、表单标签的综合运用，首先我们要写把这个整体看做是一个大表格，每行两列，分很多行我们的所有步骤都是基于一个表格每行两列的情况下，开始的所以我们可以先写出整个大框架，一个大表格，之后再往里面细填东西性别栏：因为是单选，所以我们在使用radio作为type的同时，还需要添加name属性，绑定“男”和“女”具有相同的name属性，这样...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签