1.vue create 项目名称 配置项目 2.删除保存的已经配置好的项目 找到下面的文件 rc文件表示运行终端点进去删掉红框里面的内容就可以了(删除以前保存的配置项目) 3.配置文件去哪里了?有三种方法: 运行vue ui 指令 第三种是新建一个vue.config.js文件,里面放配置文件 4.定义箭头函数 const aaa=() => { } 两个参数(num1,num2)=&gt
Q:什么是单页面富应用(SPA)和前端路由? A: 1. 单页面富应用(即Single Page Web Application,以下简称SPA)应该是最近几年火起来的,尤其是在Angular 框架诞生之后,喝多SPA 的网站以及基于Electron 和Ionic 的桌面App 和移动App 层出不穷。 2. SPA 的核心即是前端路由。何为路由呢?说的通俗点就是网址,比如github.com/J
转载 9月前
21阅读
Node+Vue框架下的Echarts使用小记   基于Node+Vue的项目,其中有一个数据可视化的功能模块需要使用Echarts来做。关于Echarts的前世今生请戳:https://echarts.baidu.com/echarts2/doc/about.html我们来总结一下Echarts的优势:①更新快②bug少③样式多④功
转载 8月前
26阅读
博客基于vue2.x版本,主要对vue中计算属性computed,进行解析前言:mthods和computed有什么区别?总所周知,vue中计算属性是带有缓存的,而且很多人会将computed和method进行比较,诸如method没有缓存啊之类的。这里我通过自己的理解进行一个稍微全面的阐述。浅显的回答比较浅显的回答诸如下:1. 在使用时,computed当做属性使用,而methods则当做方法调
不少人都想下载 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-cli3+为例,实现多系统集成下的分模块打包。分模块打包方式多种多样,下文可适用于多系统之间互不干扰,主系统可集成各子系统,各子系统又可单独运行的业务场景。一、目标我们要实现什么?所谓分模块打包,那么各个模块内就必须得有自己独立的入口文件,路由文件。按照这种构想,我在一个新的脚手架src目录下新建了一个projects目录:如上图,可以看到Aproject、B、C、D四个项目。我在A
最近在看vue,整理一下vue的知识点,在Vue中,有两种导入导出方式,一个是部分导入导出,一个是全部导入导出,现在做一下简单区别一、部分导入导出部分导出和部分导入的优势,当资源比较大时建使用部分导出,这样一来使用者可以使用部分导入来减少资源体积,比如element-ui官方的就推荐使用部分导入来减少项目体积,因为element-ui是一个十分庞大的框架,如果我们只用到其中的一部分组件, 那么只将
转载 9月前
161阅读
最近用vue在做一个项目,github用上找了一个日历插件,intall到了本项目中,配好以后发现插件的样式风格和项目总体风格相差较大,所以就像这个改一下插件风格,第一种方法:我直接在父组件中将style标签的scoped的属性去掉了,在父组件中直接写了想要的样式,重叠样式全部!important,结果确实生效了 第二种方法:本想这个要是样式这么改,还有路可走;要是插件的底层方法呢,如果
转载 2024-07-04 21:03:10
163阅读
## vue yarn 删除node_modules ### 1. 介绍 在使用Vue进行项目开发时,我们通常会使用yarn来管理项目的依赖包。而在项目开发过程中,我们可能会遇到需要删除node_modules文件夹的情况,例如需要重新安装依赖包或者清理项目文件。本文将介绍如何使用yarn命令来删除node_modules文件夹,并提供相应的代码示例。 ### 2. 删除node_modul
原创 2024-01-10 05:46:33
399阅读
vm.$delete()vm.$delete用法见官网。为什么需要Vue.delete()?在ES6之前, JS没有提供方法来侦测到一个属性被删除了, 因此如果我们通过delete删除一个属性, Vue是侦测不到的, 因此不会触发数据响应式。见下面的demo。<!DOCTYPE html> <html lang="en"> <head> <me
转载 2024-10-13 11:28:57
41阅读
解决 vue 项目开发越久 node_modules包越大的问题node_modules.cache 文件(编译缓存文件 可以删除 )compression-webpack-plugin 禁止缓存 const CompressionPlugin = require("compression-webpack-plugin"); module.exports = { plugins: [
转载 10月前
218阅读
 一、前言昨天讲了什么是组合式API,\# 马上都2202年了你还不知道什么是Vue3的组合式API吗?[2]今天就来听我吹一吹vue3的setup都能怎么用 image.png 借用官网一句话setup 选项是一个接收 props 和 context 的函数也就是说它的基本写法应该是这样的export default{
转载 5月前
46阅读
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 文件,然后输入
转载 10月前
471阅读
在Kubernetes集群中使用node_modules存储和管理Node.js项目依赖是非常常见的。但是,在某些情况下,我们可能需要删除node_modules目录,例如清理项目冗余文件或者重新构建依赖。本篇文章将向您展示如何在Kubernetes集群中删除node_modules目录。 ### 步骤概览 首先,让我们整体了解一下删除node_modules目录的过程。以下是删除node_m
原创 2024-04-29 11:51:53
88阅读
当安装了较多模块后,node_modules目录下的文件会很多,直接删除整个目录会很慢,下面介绍些快速删除node_modules目录的方法。 方法一:使用rimraf模块的命令 在全局安装rimraf模块,然后通过其命令来快速删除node_modules目录:  当安装了较多模块后,node_modules目录下的文件会很多,直接删除整个目
转载 2023-05-26 13:58:17
2811阅读
一、node.js安装以及环境配置1、下载vue.js下载地址:https://nodejs.org/en/ 2、安装node.js下载完成后,双击安装包开始安装。安装地址最好换成自己指定的地址。 这一步根据自己的需要进行选择,我这里就选的是第一个。网上有些教程说要选中第4个,我这里是要后期需要更换全局模块所在的路径,以及缓存cache的路径的,所以在后期需要自己重新配置环境变
 1、安装/升级node环境vue-cli对于node和npm的版本是有要求的。可以通过 node -v (npm -v)查看当前版本,通过 where node (where npm)查看安装路径。如果node版本不符合vue-cli的要求,那么可以在node官网下载稳定版本并安装。安装过程比较简单,我更新时,除了修改安装路径,其他都是一直Next即可。这里要提到一点,更新node版本
1.1 项目目录介绍目录/文件说明详解build项目构建(webpack)相关代码详解config配置目录,包括端口号等详解node_modulesnpm 加载的项目依赖模块详解src这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: ♞ assets:放置一些图片,如 logo  ♞ components:放置一些组件 ♞ views:页面(视图)组件 ♞ rou
转载 2024-07-22 09:55:38
238阅读
  • 1
  • 2
  • 3
  • 4
  • 5