一、前言昨天讲了什么是组合式API,\# 马上都2202年了你还不知道什么是Vue3的组合式API吗?[2]今天就来听我吹一吹vue3的setup都能怎么用 image.png
借用官网一句话setup 选项是一个接收 props 和 context 的函数也就是说它的基本写法应该是这样的export default{
第3章 包管理器npm3.1 使用moment使用第三方包格式化时间3.2 npm 命令的使用上面的代码,我们使用npm安装了moment来进行格式化时间的处理,这就是使用第三方模块;而我们使用的npm就是node中自带的包(模块)管理工具;借助NPM可以帮助我们快速安装和管理依赖包,使Node与第三方模块之间形成了一个良好的生态系统;我们也可以直接输入npm,查看帮助引导:PS C:\xamp\
解决 vue 项目开发越久 node_modules包越大的问题node_modules.cache 文件(编译缓存文件 可以删除 )compression-webpack-plugin 禁止缓存
const CompressionPlugin = require("compression-webpack-plugin");
module.exports = {
plugins: [
一、package.json文件(1)作用:package.json 文件其实就是对项目或者模块包的描述,里面包含许多元信息。比如项目名称,项目版本,项目执行入口文件,项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。(2)创建:package.json 文件创建有两种方式,手动创建或者自动创建。手动创建 直接在项目根目录新建一个 package.json 文件,然后输入
成功呈概率分布,关键是你能不能坚持到成功开始呈现的那一刻。—— 佚名不修改数组找出重复的数字题目描述在一个长度为 n+1 的数组里的所有数字都在 1 到 n 的范围内,所以数组中至少有一个数字是重复的。请找出数组中任意一个重复的数字,但不能修改输入的数组。例如,如果输入长度为 8 的数组 {2, 3, 5, 4, 3, 2, 6, 7},那么对应的输出是重复的数字 2 或者 3。解法解法一创建长度
转载
2024-10-15 00:24:22
63阅读
一直想着看Nodej源码,断断续续的折腾了一下,但总串不起来,太久不看又忘记。决心每天看一点,特地记录在这里,作为逼迫自己的动力。 2019/09/22 一、源码编译之前在电脑上了下源码,源码目录截图: 编译通过了,编译命令:make -j4尝试修改下源码文件:lib/http.js,加入一行打印代码:之后,编译 make -j4,第一次编译会花点时间,之后编译会快很多。编译之
转载
2024-02-23 22:10:34
1181阅读
下载安装包http://nodejs.cn/download/ 这里选择windows二进制文件的64位安装安装步骤下载完之后,解压 在根目录下新建两个文件夹node-global、node-cache。新建系统变量NODE_HOME=D:\Program Files\nodejs在path中新增两项%NODE_HOME%
%NODE_HOME%\node-global打开cmd执行npm con
前言有时候使用npm上的包,发现有bug,我们知道如何修改,但是别人可能一时半会没法更新,或者是我们特殊需求,别人不愿意修改,这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢?首先,直接修改node_modules里面的文件是不太行的,重新安装依赖就没有了。一般常用办法有两个:下载别人代码到本地,放在src目录,修改后手动引入。fork别人的代码到自己仓库,修改后,从自己仓库安装这
转载
2024-04-11 13:17:40
1825阅读
在Kubernetes(K8S)中,如果有需要修改node_modules中的代码,但是修改后不生效,可能是由于缓存或者其他原因导致的。在这篇文章中,我将向你解释如何解决这个问题。
首先,我们需要了解整个处理流程,下面是一个展示步骤的表格:
| 步骤 | 操作 |
|------|----------------------|
| 1 | 进入项目根目录
原创
2024-05-29 09:50:36
1265阅读
总述 “模板”这个词,可能很多人第一印象是后端的技术(Smarty,Velocity等),但本文要讲的却不是后端的概念,而是前端开发中所使用到的一种技术,也就是“前端模板”技术。 模板的工作原理可以简单地分成两个步骤:模板解析(翻译)和数据渲染。这两个步骤可分别部署在前端或后端来执行。如果都放在后端执行,则是像Smarty这样的后端模板,而如果都放在前端来执行,则是我们要探讨的前端模板。问题
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-cli自动化工具可以快速搭建单页应用项目目录。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目 生成一个基于 webpack 模板的新项目
vue init webpack 项目目录名
例如:
vue init webpack myproject 项目目录结构src 主
模块加载源码分析配置 vscode 调试用 vscode 打开文件夹,在里面创建两个文件:m.js 作为被加载的模块文件require-load.js 作为加载模块的文件const obj = require('./m')module.exports = {
foo: 123
}打个断点:创建 vscode 调试配置文件:点击左边的【运行和调试】,点击【创建 launch.json 文件】,选
转载
2024-08-19 19:42:23
663阅读
Node.js模块系统为了让Node.js的文件可以相互调用,Node.js提供了一个简单的模块系统。模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的。换言之,一个 Node.js 文件就是一个模块,这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。nodejs基于commonjs实现了模块管理系统。node中每一个js文件都是一个独立的模块,在
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则当做方法调
模块(module)就像我们在C#内构建类与类库一样,模块是nodejs中最重要的概念之一,了解模块的运行机理,学习模块的开发是nodejs开发中的必修课。
modules 模块的简介 Module 是Node.js中最重要的一个部分也是进行深度开发前的必修课。掌握Module才
转载
2024-10-09 11:04:43
132阅读
一、nodejs的安装Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。我们可以根据不同平台系统选择你需要的Node.js安装包。Node.js 历史版本下载地址:https://nodejs.org/dist/这里演示的是Window64位安装Node.js,下面演示的是采用安装包的方式来安装。1、Windows 安装包(.msi)
作者:KDDA_背景我们常常会遇到一个问题,网上现有的开源插件并不能满足我们实际项目的预期。但如果只需要对源码进行小小的改动就能满足我们的需求,那改源码一定是首选前言修改别人的源码往往有这几个方式:直接在项目的node_modules下找到插件的源码直接修改;优点:简单直接、快速见效缺点:不能持久化,一旦重新安装就失效;不方便团队成员使用修改后的代码去github上fork代码到自己的仓库进行修改
转载
2024-08-31 16:08:21
795阅读