https://github.com/PanJiaChen/vue-element-admin/
原创
2023-12-11 17:38:41
325阅读
多页面vue应用中，在请求接口之前统一加上Loading作为未请求到数据之前的过渡展示。由于多页面未使用vuex做状态管理，只在入口统一注册了bus，所以此例子使用eventbus做事件通信。 在Loading.vue中，一个简单的公共loading组件 这个loading组件用showLoadin
转载
2020-12-11 15:58:00
1057阅读
2评论
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1156阅读
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
转载
2024-08-01 09:33:07
152阅读
一、准备工作：首先使用vue-cli搭建一个空的vue项目，步骤见。二、单页面改造多页面操作步骤：1、目录调整：对src目录进行一些调整：调整前是这样的： （1）进入src文件夹中，新建一个文件夹，如取名pages，用于存放后面的多页面，在pages里面新建一个文件夹叫index用于存放首页，然后将下图红框内的文件(文件夹)都拉进in
转载
2024-04-13 10:09:42
988阅读
文章目录1. 前言2. 设计实现2.1 实现功能2.2 应用场景2.3 设计实现3. 效果演示3.1 实体类模板配置及模板文件生成3.2 业务实现类模板配置及模板文件生成4. 代码实现4.1 新建项目配置依赖4.2 FreeMarker 模板配置关键方法说明4.3 功能实现主要文件说明5. 项目源码
1. 前言 业务层 service、控制层
转载
2024-04-24 15:32:07
165阅读
# Vue 多页面架构
在Vue中，我们通常使用单页面应用（SPA）来构建Web应用程序。然而，在某些情况下，我们可能需要使用多页面应用（MPA）来满足特定的需求。本文将介绍Vue多页面架构的概念，并提供代码示例演示如何实现。
## 什么是多页面架构？
多页面架构是一种Web应用程序的架构模式，它由多个独立的HTML页面组成，每个页面都有自己的入口点和功能。与SPA不同，多页面应用程序在每个
原创
2023-07-22 03:24:42
121阅读
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
<template> <div class="modeleWrap"> XX模块
原创
2022-08-04 16:11:52
183阅读
一、引用模板 引用模板就是把组件的内容放到<template></template>中并引用。一般当组件的内容比较多的时候使用引用模板的方式。 二、代码实例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> ...
转载
2021-09-08 17:36:00
508阅读
2评论
vue父组件怎么调用子组件的方法使用构造modal组件的方法是使用v-model指令：v-model指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。比如，多个勾选框，绑定到同一个数组：JackJohnMikeCheckednames:{{checkedNames|js...。vue 父组件不能调用子组件吗typescript注解，typescript 中文文档。用$
新建页面 创建按对应的模块和实体 新建的模块需要进行注册
转载
2019-05-09 10:16:00
178阅读
2评论
在使用VSCode开发Vue项目的过程中，创建页面模板是一个常见的操作。在本篇文章中，我将向你介绍如何在VSCode中创建Vue页面模板。首先，让我们通过以下步骤简要概括这个过程：
| 步骤 | 操作 |
|-------------------|--------------------
原创
2024-05-30 10:10:31
560阅读
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
接触vue一年了，由于早前都是碎片化的学习与练习，缺乏深入的理解与总结，所以感觉收效甚微。最近利用闲暇时间撸了一个基于vue全家桶的天气应用webapp并做一些项目总结，以巩固自己所学，加深对vue的理解。前端框架的选择在web移动端应用快速崛起的今天，webapp，hybird app挤压传统原生app的趋势越发明显，产品的快速更新迭代、跨平台适配，催生了越来越多五花八门的前端框架。为了应对各式
