Vue.js 2.0 已经发布了有一段时间，生态链也日渐完善。作者在使用 Vue.js 开发项目时收集的一些工具和使用技巧，分享给各位。技巧一：vue build 零配置快速开始开发vue-cli 是官方推出的一款 Vue 脚手架工具它可以很方便的搭建简单或者完整的 Vue 开发环境。最近它加入一个新功能 —— vue build。类似于 React 的 next.js 但又不完全等同。它的功能是
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
1.webpack打包配置: 设置多个入口; 一个入口标志一个html单页资源; 经常结合htmlWebpackPlugin插件使用; 其描述如下：2.页面的多页思路
原创
2022-07-06 10:36:38
154阅读
前言我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间，很多东西都写在注释里第一步：cli一个vue项目新建一个vue项目，官网：vue init webpack democli默认使用webpack的dev-server服务，这个服务是做不了单页的，需要手动建一个私服
转载
2018-06-05 15:47:31
3101阅读
点赞
在之前的博客中 有写过vue的多页签功能的解决方案可以看到我当时那个多页签的组件还是比较简单 的，只有打开跟关闭功能，后面有不少网友找我，能不能实现刷新当前页，关闭其它页面，关闭左边页面，关闭右边页面的功能。 这几天项目上线后有点时间，把这个多页签组件给完善一下。直接看效果，增加了右键菜单，分别有重新加载、关闭左
转载
2021-01-16 19:13:31
788阅读
2评论
如题，目前有两种尝试方法： 目录一.配置多个环境变量控制路由，主题和js改动二.配置多个入口文件 一.配置多个环境变量控制路由，主题和js改动适用于：同一逻辑（登录，权限，基础功能）下，只有主题和部分页面不同，大部分页面相同配置环境变量.env.zhejiang(开发环境).env.zhejiang.build(生产环境)修改package.json，新增页面脚本修改vue.config.js中的
实现Vue的多页签组件
在之前的博客中 关于vue的多页面标签功能，对于嵌套router-view缓存的最终无奈解决方法 有写过vue的多页签功能的解决方案可以看到我当时那个多页签的组件还是比较简单 的，只有打开跟关闭功能，后面有不少网友找我，能不能实现刷新当前页，关闭其它页面，关闭左边页面，关闭右边页面的功能。 这几天项目上线后有点时间，把这个多页签组件给完
转载
2021-05-10 10:26:24
1455阅读
2评论
本文实现了三种（也就是官方所讲的前三种，最后一种不想试了）：方法一：在项目中改变 SCSS 变量项目使用scss时，创建自定义的scss文件，写入一下内容/* 改变主题色变量 */
$--color-primary: teal;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import
转载
2024-03-06 03:30:59
52阅读
多页应用每次页面跳转，后台的服务器都会给我们返回一个新的HTML文档首页时间快：页面首个屏幕的内容展现出来的时间 =》因为访问一个页面，服务器返回一个HTML，页面就会被展示出来，这个过程只经历了一个 http请求的过程SEO效果好： 搜索引擎优化效果非常好，搜索引擎在做排名的时候，需要知道网页的内容，根据网页的内容才会给网页权重来进行网页的排名。搜索引擎可以识别HTML中的内容，而每个页面的所有
转载
2024-06-13 17:11:11
14阅读
默认vue的脚手架是打包成一个html文件的. 要想打包成多个html文件.也非常简单.只需要在 vue.config.js 中增加pages 节点即可.我下面的代码就把一个main.js打包成了两个文件.分别是后台界面Manage.html和移动端界面 Mobile.html当然你改下配置就可以分别打包成不同的文件. console.log("开始打包"); module.exports = { // 这里是配置上线读取当前目录，默认是根路径，如 /js, /css 等，具体根
原创
2021-09-03 13:34:30
1579阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。vue的开发有两种，一种是直接的在script标签里引
转载
2024-01-19 22:55:10
37阅读
Element-UI库：Web前端开发的强大助力一、引言二、Element-UI概述三、Element-UI的使用场景四、Element-UI的最佳实践五、Element-UI的未来发展趋势六、Element-UI的进阶应用七、Element-UI的性能优化八、结语使用Element-UI框架的代码示例示例1：基本按钮组件示例2：表单验证 一、引言在Web前端开发的广阔天地中，框架和库的存在如同建
前言遇到在html导出PDF的需求，在csdn找了很多关于PDF导出功能的文章，介绍了jsPDF、iText和wkhtmltopdf三种方式。 其中iText的使用对于中文还需要导入特定字体包，wkhtmltopdf需要配置服务器环境，综合考虑，选择了最简单的jsPDF。 很多文章都说jsPDF内容模糊、导出效果失真。谷歌搜了挺久，后来看到这一篇文章：[转]()需要添加canvas画布元素，以及设
转载
2023-11-09 12:54:33
0阅读
无论单页还是多页，我的实现思路是总体配置404页面的思路就是在前端路由表中添加一个 path: '/404' 的路由，渲染相应的404页面。这篇文章主要介绍了Vue单页及多页应用全局配置404页面实践,需要的朋友可以参考下前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另...
转载
2021-08-12 16:56:51
760阅读
随着信息技术的不断发展，企业对于软件系统的需求越来越高，需要实现多个系统的集成和协同工作。在这种情况下，软考Vue多系统集成应运而生。本文将介绍软考Vue多系统集成的概念、优势、实现方法和应用场景。
一、软考Vue多系统集成的概念
软考Vue多系统集成是指将多个独立的软件系统进行整合、集成，实现信息的共享、交互和协同工作。这些系统可以包括企业内部的各种业务系统、外部供应商的系统、客户管理系统等
原创
2023-11-02 16:49:36
82阅读
我们继续上一章的内容，上一章讲到我们已经能将项目成功跑起来了，那么我们接下来把项目必用的东西完善一下。一、安装elementUI终于到了我们的男二了，继续在VSCode中新建一个终端，然后通过这个命令来安装：npm i element-ui -S至于为什么要-S呢？即--save（保存）包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在。安装完成
转载
2024-03-07 13:47:57
54阅读
一直以为很难，一定需要插件什么的。或者要精通JS 看到一篇文章发现就在div加上一行属性就行了... 发布记录一下，很久以前就想要实现的功能了。 上代码： <script> window.print(); //默认自动弹出打印框 </script> <DIV STYLE="page-break-be
转载
2021-07-13 21:26:00
383阅读
2评论
webpack 配置 Vue 多页应用 —— 从入门到放弃 一直以来，前端享有无需配置，一个浏览器足矣的优势，直到一大堆构建工具的出现，其中 webpack 就是其中最复杂的一个，因此出现了一个新兴职业 『webpack 配置工程师』。其实 webpack 配置本质上来说也就是编程，难点在于各种 l
转载
2018-11-07 13:33:00
88阅读
2评论
Element 是饿了么前端团队开发的一个基于 Vue.js 的桌面端组件库，它提供的组件非常丰富，不仅功能强大，而且简单易用。Element 非常的流行，大多数基于 Vue.js 开发的管理系统都会使用到它。官网地址: https://element.eleme.cn/#/zh-CNElementUI组件库在前端开发中应用非常广泛，废话不多说，直接说怎么在vue框架中使用该组件。引入该组件库时，
转载
2023-11-29 16:08:51
303阅读
webpack 配置 Vue 多页应用 —— 从入门到放弃一直以来，前端享有无需配置，
转载
2018-02-13 02:06:00
48阅读
