一、前言我们平常对Vue的印象有这样一种感觉：Vue就像专门为单页面应用（SPA）而生，因为Vue的官方文档中也有这样的描述： 实则非也，因为vue在工程化开发的时候依赖于 webpack ,而webpack是将所有的资源整合到一块后形成一个html文件 一堆 js文件, 如果将vue实现多页面应用,就需要对他的依赖进行重新配置,也就是修改webpack的配置文件. vue的开发有两种，一种是直接
vue的优点：1、轻量级框架只关注视图层,是一个构建数据的视图集合,大小只有几十kbVue.js通过简洁的API提供高效的数据绑定和灵活的组件系统2、简单易学国人开发,中文文档,不存在语言障碍,易于理解和学习3、双向数据绑定也就是所谓的响应式数据绑定。这里的响应式不是@media 媒体查询中的响应式布局，而是指vue.js会自动对页面中某些数据的变化做出同步的响应。也就是说，vue.js会自动响应
记录使用vue-cli3 配置multipage，采用glob自动加载，一次配置，永久生效
原创
2020-07-07 22:37:10
3946阅读
点赞
假如要单独将登陆页面当成一个项目入口文件： 第一步：创建一个登陆页面的文件 在项目public文件夹下创建一个login.html，其实就是将index.html复制一份，将title改一下： 第二步：在src文件夹下创建一个login文件夹，分别创建login.main.js、login.rout Read More
转载
2019-12-04 11:11:00
861阅读
2评论
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1065阅读
vue多页面
原创
2022-11-21 10:58:23
393阅读
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
一、准备工作：首先使用vue-cli搭建一个空的vue项目，步骤见。二、单页面改造多页面操作步骤：1、目录调整：对src目录进行一些调整：调整前是这样的： （1）进入src文件夹中，新建一个文件夹，如取名pages，用于存放后面的多页面，在pages里面新建一个文件夹叫index用于存放首页，然后将下图红框内的文件(文件夹)都拉进in
<!-- flowchart 箭头图标 勿删 --> 官方脚手架搭建vue项目 在src 目录下复制app内容创建test.vue，demo.vue， main.js复制main.js内容demo.js，test.js，修改一下内容 在根目录下创建test.html，index.html指向demo
转载
2018-09-21 16:17:00
178阅读
2评论
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
923阅读
2评论
# Vue 多页面架构
在Vue中，我们通常使用单页面应用（SPA）来构建Web应用程序。然而，在某些情况下，我们可能需要使用多页面应用（MPA）来满足特定的需求。本文将介绍Vue多页面架构的概念，并提供代码示例演示如何实现。
## 什么是多页面架构？
多页面架构是一种Web应用程序的架构模式，它由多个独立的HTML页面组成，每个页面都有自己的入口点和功能。与SPA不同，多页面应用程序在每个
原创
2023-07-22 03:24:42
93阅读
Vue vue-cli webpack 多入口把项目分为多个模块,分别从2个入口进入,减少集中在一个包中容量,主要步骤如下:01)主要文件结构目录02)build/webpack.base.conf.js03)build/webpack.dev.conf.js04)build/webpack.prod.conf.js 05)config/index.js 06) src/mainFei.js
转载
2021-06-06 23:42:00
527阅读
2评论
在现代 Web 开发中，使用 Vue 框架构建项目已经成为一种常见的选择。而 JeecgBoot 作为一个优秀的后台管理系统框架，也提供了丰富的功能和组件，方便开发人员快速搭建企业级应用。本文将介绍如何在 JeecgBoot 项目中基于 Vue 3 配置多页面入口，实现更灵活的页面管理和定制化需求。
前提
首先，确保您已经下载好 JeecgBoot 的 Vue 3 的前端项目。
前端 vue3
前言我们知道移动应用页面跳转是非常重要的一部分，几乎我们的程序和用户打交道的就是页面，或者叫view，我们Android基本都是Activity和Fragment。而且Flutter当中叫做Route，它就是与用户打交道的页面。本文详细探索一下Flutter当中页面之间是怎么交互的。Route类似Android中Activity，所以Flutter中的页面跳转类似Android中Activity之
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化） vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。 Vue多页面应用开发 1. 新建 vue 项目 2. 安装 glob gl
转载
2018-11-03 16:02:00
260阅读
2评论
转载
2021-01-27 16:45:00
161阅读
2评论
快速开发步骤*****1.如何启动项目1.1 准备拉取远程项目的工具目前使用svn相关工具。 ①tortoiseSVN小乌龟可视化工具、 ②vscode下载svn相关插件，可自行了解。 TortoiseSVN安装使用教程：1.2 下载安装node目的： 使用node中的npm包管理器（若有其他具体需求，再下载相应的模块） 下载安装： https://nodejs.org/en/download1.
