- 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属性,这样...
- 1、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图,页面渲染结果 VM:即 View-Model,模型与视图间的双向操作(无需开发人员干涉)在 MVVM 之前,开发人员从后端获取需要的数据模型,然后要通过 DOM 操作 Model 渲染 到 View 中。而后当用户操作视图,我们还需要通过 DOM 获取 View 中的数据,然后同步到Mod... 1、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图,页面渲染结果 VM:即 View-Model,模型与视图间的双向操作(无需开发人员干涉)在 MVVM 之前,开发人员从后端获取需要的数据模型,然后要通过 DOM 操作 Model 渲染 到 View 中。而后当用户操作视图,我们还需要通过 DOM 获取 View 中的数据,然后同步到Mod...
- 计算属性和侦听器1、计算属性(computed)某些结果是基于之前数据实时计算出来的,我们可以利用计算属性。来完成示例:<div id="app"><ul><li>西游记:价格{{xyjPrice}},数量:<input type="number" v-model="xyjNum"></li><li>水浒传:价格{{shzPrice}},数量:<input type="number" v-... 计算属性和侦听器1、计算属性(computed)某些结果是基于之前数据实时计算出来的,我们可以利用计算属性。来完成示例:<div id="app"><ul><li>西游记:价格{{xyjPrice}},数量:<input type="number" v-model="xyjNum"></li><li>水浒传:价格{{shzPrice}},数量:<input type="number" v-...
- 在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。 例如可能会有相同的头部导航。 但是如果每个页面都独自开发,这无疑增加了我们开发的成本。所以我们会把页面的不同部 分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发。在 vue 里,所有的 vue 实例都是组件编辑1、全局组件 我们通过 Vue 的 component 方法来定义一个全局组件... 在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,也会有相同的部分。 例如可能会有相同的头部导航。 但是如果每个页面都独自开发,这无疑增加了我们开发的成本。所以我们会把页面的不同部 分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发。在 vue 里,所有的 vue 实例都是组件编辑1、全局组件 我们通过 Vue 的 component 方法来定义一个全局组件...
- 1、生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程 :创建实例,装载模板,渲染模 板等等。Vue 为生命周期中的每个状态都设置了钩子函数(监听函数)。每当 Vue 实例处于 不同的生命周期时,对应的函数就会被触发调用。 生命周期:你不需要立马弄明白所有的东西。编辑2、钩子函数 beforeCreated:我们在用 Vue 时都要进行实例化,因此,该函数就是在 Vue ... 1、生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程 :创建实例,装载模板,渲染模 板等等。Vue 为生命周期中的每个状态都设置了钩子函数(监听函数)。每当 Vue 实例处于 不同的生命周期时,对应的函数就会被触发调用。 生命周期:你不需要立马弄明白所有的东西。编辑2、钩子函数 beforeCreated:我们在用 Vue 时都要进行实例化,因此,该函数就是在 Vue ...
上滑加载中
推荐直播
-
华为云码道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 · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签