文章 2024-10-22 来自:开发者社区

Vue开发中,在实现单页面应用(SPA)前端路由时的hash模式和history模式的区别及详细介绍

一、前言 单页面应用(SPA)的核心思想之一,就是更新视图而不重新请求页面,简单来说,它在加载页面时,不会加载整个页面,只会更新某个指定的容器中的内容。对于大多数单页面应用,都推荐使用官方支持的vue-router。 在实现单页面前端路由时,提供了两种方式,分别是hash模式和history模式,根据mode参数来决定采用哪一种方式。 ...

文章 2024-05-24 来自:开发者社区

1天搞定SpringBoot+Vue全栈开发 (8)前端路由VueRouter(进行组件切换)

1.VueRouter安装与使用 2.参数传递 创建路由组件 在项目中定义Discover.vue、Friends.vue、My.vue三个组件,将来要使用vue-router来...

1天搞定SpringBoot+Vue全栈开发 (8)前端路由VueRouter(进行组件切换)
文章 2023-08-08 来自:开发者社区

Spring Boot + Vue 前后端分离开发,前端网络请求封装与配置(二)

方法封装请求封装完成后,还需要对方法进行封装,方便调用:let base = ''; export const postRequest = (url, params) => { return axios({ method: 'post', url: `${base}${url}`, data: params, headers: { 'Cont...

Spring Boot + Vue 前后端分离开发,前端网络请求封装与配置(二)
文章 2023-08-08 来自:开发者社区

Spring Boot + Vue 前后端分离开发,前端网络请求封装与配置(一)

前端网络访问,主流方案就是 Ajax,Vue 也不例外,在 Vue2.0 之前,网络访问较多的采用 vue-resources,Vue2.0 之后,官方不再建议使用 vue-resources ,这个项目本身也停止维护,目前建议使用的方案是 axios。今天就带大家来看看 axios 的使用。axios 引入axios 使用步骤很简单,首先在前端项目中,引入 axios:npm install ....

文章 2023-04-16 来自:开发者社区

Vue实战【Vue开发中的的前端代码风格规范】3

三、注释规范注释的目的:提高代码的可读性,从而提高代码的可维护性 注释的原则:如无必要,勿增注释 ( As short as possible ) ;如有必要,尽量详尽 ( As long as necessary )。3.1 HTML 文件注释3.1.1 单行注释一般用于简单的描述,如某些状态描述、属性描述等。注释内容前后各一个空格字符,注释位于要注释代码的上面,单独占一行。推荐:<!-....

文章 2023-04-16 来自:开发者社区

Vue实战【Vue开发中的的前端代码风格规范】2

二、代码规范2.1 Vue2.1.1 代码结构<template> <div id="my-component"> <DemoComponent /> </div> </template> <script> import DemoComponent from '../components/DemoCompon...

文章 2023-04-16 来自:开发者社区

Vue实战【Vue开发中的的前端代码风格规范】1

前言大家好,上一期的导航守卫篇不知大家在私底下是否进行了尝试?之前收到好多小伙伴的私信说什么时候能给大家出一期前段代码风格规范呀,有的同学觉得自己的代码编写的不是很漂亮,虽然自己知道是干啥,但是可读性一点也不高;今天博主也是根据自己多年的开发经验以及一些官方资料来给大家总结一些,让我们一起来看下吧。命名规范市面上常用的命名规范:camelCase(小驼峰式命名法 —— 首字母小写)PascalC....

Vue实战【Vue开发中的的前端代码风格规范】1
文章 2022-02-17 来自:开发者社区

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-6.迁移本地数据到服务器(mongodump)

1.获取本地数据库数据在node项目中,找到当初我们的数据库配置:找到我的数据库名为node-mine,所以根据数据库名调取数据库,使用mongodump方法:// -d表示需要导出的是数据库 mongodump -d node-mine糟,有报错,需要配置系统变量。找到mongodb的bin目录,赋值到系统变量Path中:确定后重启vscode,输入mongodump命令:依旧有报错,查询原因....

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-6.迁移本地数据到服务器(mongodump)
文章 2022-02-17 来自:开发者社区

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-6.卡片组件的封装

本篇文章我们封装一个卡片组件,不使用elementui中的卡片样式而仿照其逻辑制作,我们可以更深入理解并易于修改出自己想要的样式。1.制作出我们想要的框架<div class="card p-3 bg-white mt-3"> <div class="card-header d-flex"> <div class="fs-xxl flex-1 px-2"...

技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-6.卡片组件的封装
文章 2021-08-19 来自:开发者社区

技能学习:学习使用node.js + vue.js,开发前端全栈网站-1.工具和本地环境

1.前言为什么学习Node.js?Node.js 是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境。Node.js 运行环境是引领前端开发人员的“一道光”,让前端开发人员仅利用已掌握的 js 语言就可以实现对网站服务器环境的搭建与运行。打破了以往前后端分工合作、交流对接的惯性习惯。相对于传统PHP、JAVA开发,Node.js 附带的npm更方便、快捷地让前端开发人员更快、....

技能学习:学习使用node.js + vue.js,开发前端全栈网站-1.工具和本地环境

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注