我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。vue的开发有两种，一种是直接的在script标签里引
转载
2024-01-09 13:40:29
70阅读
前言: 本文基于vue 2.5.2, webpack 3.6.0(配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化)vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。1. 新建 vue 项目vue init webpack vue_multiple_test
cd vue_multiple_test
npm install2. 安装 glob
转载
2024-05-08 12:34:59
60阅读
问题描述： 手头有一个项目是使用 vue-cli 搭建的单页面应用。项目分为了管理平台和用户查看页面，用户查看页面是很简单的页面，但是在加载过程中，却加载了整个应用的打包代码，量重且影响了响应和体验。我想要的效果是，查看页面只加载查看页面的代码，不包含管理系统的代码，因此着手将单页面应用改造成多页面应用，这里分享下方法。概括步骤： 1.安装依赖npm install glob --save-dev
转载
2024-07-05 04:37:27
558阅读
基本原则1、entry 配置多个js文件 webpack.base.config.js，修改entry部分： 原来只有一个： entry: {
app: "./src/main.js"
}, 修改成自己的多个js文件， 我的是放在src/page下存放多个页面，每个页面一个文件夹，下面分别是 page1/page1.js, page2/page2
转载
2023-12-23 23:43:57
83阅读
http://pan.baidu.com/s/1hrJfpli demo下载地址前言 在一些项目中有很多数据状态之间要实现数据共享状态共享，例如购物车的数据、用户的登录状态等等。vue父元素是可以通过props向子元素传递参数，子元素也可以通用smit向父元素传递参数。但是像购物车这种在项目中多个位置的引用时就会变得很麻烦。例如项目中使用了三个购物车的组件，那么当其中一个组件的值发生
转载
2024-03-29 09:10:02
110阅读
# 从Java接口跳转到Vue页面
在前后端分离的开发模式中，Java作为后端语言，负责处理业务逻辑和数据持久化，而Vue作为前端语言，负责展示界面和与用户交互。在实际开发中，经常需要从Java接口跳转到Vue页面，实现前后端的数据交互和页面跳转。本文将介绍如何通过Java接口跳转到Vue页面，并提供代码示例。
## Java接口跳转到Vue页面的流程
下面是从Java接口跳转到Vue页面的
原创
2024-04-03 04:00:42
120阅读
实现缓存在路由文件router.js中针对要缓存的页面进行设置 添加keepAlive: true，通过此字段判断是否需要缓存当前组件{
path: '/club',
name: 'Club',
component: Club,
meta: {
title: 'Club',
keepAl
转载
2024-07-15 11:16:22
47阅读
前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化）vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。1. 新建 vue 项目vue init webpack vue_multiple_test
cd vue_multiple_test
npm install2. 安装 glob
一个vue请求接口渲染页面的例子
转载
2019-04-11 18:34:00
241阅读
2评论
目前Retrofit和RxJava结合使用已经是非常普遍了，也是现在最热门的一种网络请求方式,今天我们来聊聊，如何对Retrofit + RxJava 网络请求框架实现二次封装，以供大家在项目中可以应用到，也供大家学习和参考首先我们先来看看关于Retrofit和RxJava最基本的使用我们需要去定义一个对应接口的Service和返回的实体类public class Content<T>
转载
2024-09-30 11:22:41
50阅读
摘要：在网站实际的开发中，总会因为客户端和服务器端频繁的交互而大大降低了网页的浏览速度，在本文中首先对AJAX的技术要点作出了初步的介绍，并在实际开ASP.Net中发中让网站开发语言和AJAX相结合，实现HTTP的异步请求以对网页的加载进行优化。
关键字：AJAX，线程，异步请求
1.什么是AJAX
1.1初识AJAX
大家好，我是一叶，今天是七夕，单身狗的我还在这里写踩坑文。在这里还是要祝大家早日脱单（能不能脱单自己心里没个数吗）。本篇继续踩坑，在单页面上展示多页的内容，大家的想法是什么，估计大家第一印象会是iframe框，但是iframe的缺点大过优点，在vue中也是放弃使用的。vue中引入了router的观点，从而实现单、多页面的跳转，接下来进入正文。 首先使用vue-cli脚手架搭建项目，不会的小伙
转载
2023-11-24 13:47:06
43阅读
vue中的接口封装安装npm install axios; // 安装axios引入 在src目录下，新建一个request文件，包含http.js 和 api.js 文件 http.js用来封装axios api.js用来管理接口// 在http.js中引入axios
import axios from 'axios'; // 引入axios
import QS from 'qs'; // 引入
转载
2024-02-22 10:02:35
166阅读
1.首先在根目录中pages创建目录common，再创建您要引入的Vue页面，比如csdn.vue。2.在csdn.vue页面里您编写自己要开发的内容。3.然后在index.vue页面进行引入。根据自己的需求进行修改，我只是举例。
原创
2024-01-21 00:14:05
1441阅读
问题Vue对于单页面富应用的程序开发，有着非常友好的支持。简单到只需要通过 “ vue create 项目名称” 这一行命令，即可完成单页面富应用程序的所有环境配置.但多页面的程序呢？通过vue脚手架vue-cli能帮助开发者快速的进行单页面应用的开发，但vue对于多页面应用的开发，可能就不是这么友好啦，你需要深入到webpack和vue的配置文件中，添加一系列的配置，才能在你原本的单页面应用中创
转载
2024-02-29 17:43:35
202阅读
插槽 插槽的基本作用和props一样，都是组件间传递数据的。 只是插槽更加灵活，props只能针对某些特定的数据类型传值。而插槽可以接受任何数据。具体内容由父组件决定。 用法 子组件用<slot>占位。父组件将具体内容写在引入的插槽组件中间，中间内容会自动添加到子组件中 具名插槽
1.编写被引入的
页面：<template> <div id=
原创
2022-01-27 16:47:26
3092阅读
# 如何在一个页面中使用多个 jQuery
作为一名刚入行的小白，了解如何在一个页面中有效使用多个 jQuery 实例是非常重要的。本文将详细介绍实现这个目标的流程、代码示例以及相关注意事项。
## 流程概述
为了在一个页面中实现多个 jQuery 实例，我们可以遵循以下步骤：
| 步骤编号 | 步骤描述 |
|----------|--------------
原创
2024-10-16 05:58:17
17阅读
1、在components文件夹里面新建好作为组件的页面， 2、在展示页面写好点击事件并在组件展示位置写上 标签3、在script里面引入刚刚新建好的组件页面并注册4、在data里面设置默认展示的组件5、在点击事件中判断切换组件
转载
2021-05-09 00:33:21
867阅读
2评论
概述：vue开发项目时，需要缓存多个页面的情况 使用场景：例如：现有4个页面，页面1，页面2，页面3，页面4 要求：1、从1-2-3-4依次跳转时，每次都刷新页面，不进行缓存； 2、从4-3-2-1依次返回时，页面不刷新，依次取缓存页面； 总结：外到内都需要刷新，内到外皆获取缓存页面； 实现方式：k ...
转载
2021-09-27 11:41:00
812阅读
2评论
