Q：什么是单页面富应用（SPA）和前端路由？
A：
1. 单页面富应用（即Single Page Web Application，以下简称SPA）应该是最近几年火起来的，尤其是在Angular 框架诞生之后，喝多SPA 的网站以及基于Electron 和Ionic 的桌面App 和移动App 层出不穷。
2. SPA 的核心即是前端路由。何为路由呢？说的通俗点就是网址，比如github.com/J
1.vue create 项目名称 配置项目 2.删除保存的已经配置好的项目 找到下面的文件 rc文件表示运行终端点进去删掉红框里面的内容就可以了(删除以前保存的配置项目) 3.配置文件去哪里了？有三种方法： 运行vue ui 指令 第三种是新建一个vue.config.js文件，里面放配置文件 4.定义箭头函数 const aaa=() => { } 两个参数（num1,num2）=>
最近用vue在做一个项目，github用上找了一个日历插件，intall到了本项目中，配好以后发现插件的样式风格和项目总体风格相差较大，所以就像这个改一下插件风格，第一种方法：我直接在父组件中将style标签的scoped的属性去掉了，在父组件中直接写了想要的样式，重叠样式全部！important，结果确实生效了 第二种方法：本想这个要是样式这么改，还有路可走；要是插件的底层方法呢，如果
转载
2024-07-04 21:03:10
163阅读
Node+Vue框架下的Echarts使用小记
基于Node+Vue的项目,其中有一个数据可视化的功能模块需要使用Echarts来做。关于Echarts的前世今生请戳:https://echarts.baidu.com/echarts2/doc/about.html我们来总结一下Echarts的优势:①更新快②bug少③样式多④功
博客基于vue2.x版本，主要对vue中计算属性computed，进行解析前言：mthods和computed有什么区别？总所周知，vue中计算属性是带有缓存的，而且很多人会将computed和method进行比较，诸如method没有缓存啊之类的。这里我通过自己的理解进行一个稍微全面的阐述。浅显的回答比较浅显的回答诸如下：1. 在使用时，computed当做属性使用，而methods则当做方法调
最近在看vue，整理一下vue的知识点，在Vue中，有两种导入导出方式，一个是部分导入导出，一个是全部导入导出，现在做一下简单区别一、部分导入导出部分导出和部分导入的优势，当资源比较大时建使用部分导出，这样一来使用者可以使用部分导入来减少资源体积，比如element-ui官方的就推荐使用部分导入来减少项目体积，因为element-ui是一个十分庞大的框架，如果我们只用到其中的一部分组件， 那么只将
本文以vue-cli3+为例，实现多系统集成下的分模块打包。分模块打包方式多种多样，下文可适用于多系统之间互不干扰，主系统可集成各子系统，各子系统又可单独运行的业务场景。一、目标我们要实现什么？所谓分模块打包，那么各个模块内就必须得有自己独立的入口文件，路由文件。按照这种构想，我在一个新的脚手架src目录下新建了一个projects目录：如上图，可以看到Aproject、B、C、D四个项目。我在A
不少人都想下载 vue-devtools插件，但又不会做，今天我做个比较详细的笔记查看当前的devtools的版本可以去这个网站看右侧的个v几点几的，就是版本号https://github.com/vuejs/devtools目录第一个方法：使用极简插件第一步：查找极简插件第二步：搜索vue-devtools 第三步：点击推荐下载第四步：解压安装第二个方法：在github下载第
vue现在在前端，相对于算是现在前端工程师都比较常用的框架之一，他和angular有一些相似之处，所以用过angular的伙伴们，再来学习vue应该不会感觉太难；一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn；&
开发Vue程序的第一步就是PC安装配置node.js1官网下载安装Node(我的安装路径是D:\nodejs\) 点我安装(安装在除C盘外任意一个磁盘中)2 检查node和npm是否安装完成下载安装完毕后：在node.exe这个根目录下使用cmd,然后输入node -v命令查看node.js的版本,安装node的时候npm包管理工具同时集成在nodejs中了。可以同时查看npm版本。3
转载
2024-07-18 01:26:49
463阅读
vue2零碎js相关同步异步fetch(url，options)//返回Promise同步const 结果=await Promiseawait关键字必须在一个标i记了async的function内来使用异步Promise.then(结果=>{…})导入导出js src导入比较早的不支持导入导出，可以不同源策略js type=“module” ，可以导入导出，必须同源策略导包方式requir
转载
2024-09-24 13:44:26
292阅读
一、package.json文件（1）作用：package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。（2）创建：package.json 文件创建有两种方式，手动创建或者自动创建。手动创建 直接在项目根目录新建一个 package.json 文件，然后输入
解决 vue 项目开发越久 node_modules包越大的问题node_modules.cache 文件（编译缓存文件 可以删除 ）compression-webpack-plugin 禁止缓存
const CompressionPlugin = require("compression-webpack-plugin");
module.exports = {
plugins: [
一、前言昨天讲了什么是组合式API，\# 马上都2202年了你还不知道什么是Vue3的组合式API吗？[2]今天就来听我吹一吹vue3的setup都能怎么用 image.png
借用官网一句话setup 选项是一个接收 props 和 context 的函数也就是说它的基本写法应该是这样的export default{
Vuex里的modules在一个大型单页面项目中，当共享的数据足够多时，所有的共享数据全部放在store/index.js文件夹里非常的冗余，可能有成百上千行代码，寻找起来很不方便。 在store文件夹里创建一个modules的文件夹，里面随意创建一个对应模块语义化的.js文件(如test.js)，然后export输出这样这个文件夹就成了一个模块，再在原先的ind
一、node.js安装以及环境配置1、下载vue.js下载地址：https://nodejs.org/en/ 2、安装node.js下载完成后，双击安装包开始安装。安装地址最好换成自己指定的地址。 这一步根据自己的需要进行选择，我这里就选的是第一个。网上有些教程说要选中第4个，我这里是要后期需要更换全局模块所在的路径，以及缓存cache的路径的，所以在后期需要自己重新配置环境变
转载
2024-07-29 22:47:56
632阅读
三个概念npm：Nodejs下的包管理器。webpack：它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli：用户生成Vue工程模板。一。下载安装nodeNode.js官网https://nodejs.org/en/。 本次安装目录为D:\nodejs。安装后目录如下： 1. 检查安装是否正常进入cmd输入指令 ec
转载
2024-07-07 10:11:53
392阅读
问题：从首页切换到我的，再从我的回到首页，我们发现首页重新渲染原来的状态没有了。首先，这是正常的状态，并非问题，路由在切换的时候会销毁切出去的页面组件，然后渲染匹配到的页面组件。但是我想要某些页面保持状态，而不会随着路由切换导致重新渲染。解决方法：使用 keep-alive 缓存组件官方文档：在动态组件上使用 keep-alive生命周期：钩子函数执行时机beforeCreate初始渲染执行，缓存
转载
2024-10-18 11:42:11
62阅读
1、安装/升级node环境vue-cli对于node和npm的版本是有要求的。可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。如果node版本不符合vue-cli的要求，那么可以在node官网下载稳定版本并安装。安装过程比较简单，我更新时，除了修改安装路径，其他都是一直Next即可。这里要提到一点，更新node版本
一、何为工程化工程化概述前端工程化大致可以分为模块化、组件化、规范化和自动化。规范化项目目录结构语法提示编码风格规范联调规范文件命名规范代码样式规范git flow模块化模块化是指将一个文件拆分成多个相互依赖的文件，最后进行统一的打包和加载，这样能够很好的保证高效的多人协作。例如：ES6 Module、CommonJS、AMD、CMD组件化组件化则是对UI层面的拆分，将页面拆分成多个组件，每个组件
