vue下assets下的静态资源和static下的静态资源的区别

区别一（最终位置）

assets文件是src下的，所以最后运行是需要进行打包，而static文件不需要打包直接放在最终的文件中了

区别二（引用方式）

assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用，但是在script下必须用@import的方式引入

static下的文件在.vue中的任何地方都只要使用../这种相对路径的方式引入

建议

只要在src下面的组件中用到的资源就放在assets下面

在项目中，经常会用带一些没有npm包的第三方插件，放在static中

原文地址：https://www.cnblogs.com/lml-lml/p/9918071.html

时间： 2024-10-01 07:49:24

vue下assets下的静态资源和static下的静态资源的区别的相关文章

如何在主机自动IP而虚拟机静态IP的情况下相互ping通？

这两天在学习Linux,用xshell时,发现主机和虚拟机均不能相互ping通.自己查了一下主机是自动获取IP,而虚拟机是静态IP(默认静态).并且,虚拟机选用的是桥接方式.折腾了一会儿终于ping通了. 环境: 主机OS: win10 网络: 有线 虚拟机:VMware12.5.0 OS: RHEL 5.8 注: 一般情况下,主机默认为自动获取IP,VMware桥接情况下默认为静态IP. 步骤: (1) 给虚拟机Network Adapter设置Bridge方式,前提是虚拟机在关机情况下. 然

Androidproject文件下assets目录与res目录的差别

1. assets : 不会在R.java文件下生成对应的标记,assets目录能够自己创建目录,必须使用AssetsManager类进行訪问,存放到这里的资源在执行打包的时候都会打入程序安装包中, **2. res:会在R.java文件下生成标记,这里的资源会在执行打包操作的时候推断哪些被使用到了,没有被使用到的文件资源是不会打包到安装包中的. res/raw和assets目录来存放不须要系统编译成二进制的文件,比如字体文件等** **在res目录下还能够定义一下目录: res/anim :

Windows 下VC++6.0制作、使用动态库和静态库

Windows 下VC++6.0制作.使用动态库和静态库 一.VC++6.0制作.使用静态库 静态库制作 1.如图一在VC++6.0中new一个的为win32 static library工程并新建一个.cpp和一个.h(C++header file)文件 2..cpp程序直接照老师给的打,注意这里需要改错,去掉(long) 3. .h文件需要自己编写格式如下.以head.h为例 #ifndef _HEAD_H_ #define _HEAD_H_ unsigned long unsgn_pow(

Android工程文件下assets文件夹与res文件夹的区别

1.assets:不会在R.java文件下生成相应的标记,assets文件夹可以自己创建文件夹,必须使用AssetsManager类进行访问,存放到这里的资源在运行打包的时候都会打入程序安装包中, 2.res:会在R.java文件下生成标记,这里的资源会在运行打包操作的时候判断哪些被使用到了,没有被使用到的文件资源是不会打包到安装包中的. res/raw和assets文件夹来存放不需要系统编译成二进制的文件,例如字体文件等 在res文件夹下还可以定义一下目录: res/anim:这里存放的是动画

vue中assets和static的区别

Vue中assets和static的区别 再一次框架定型中,与同事在静态资源的存放上有了一些分歧,后来经过查阅总结如下: 相同点: assets和static两个都是存放静态资源文件.项目中所需要的资源文件图片,字体图标,样式文件等都可以放在这两个文件下,这是相同点 不相同点: assets中存放的静态资源文件在项目打包时,也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传,所谓打包简单点可以理解为压缩体积,代码格式化.而压缩后的静态资源文件最终也都会放置在s

cocos2d-x 2.2.3 android工程中，编译的时候让工程自动的把一个文件夹下的文件放到另一个文件夹下

如果想做到标题的功能,则需打开工程目录下的build_native.sh(记事本或者编辑软件打开) 找到创建assets文件 mkdir "$APP_ANDROID_ROOT"/assets 然后写如下代码: #将工程下的sdk/orderorder.lua复制到工程下的assets/script/pay rsync -a --exclude .svn --exclude .DS_Store "$APP_ANDROID_ROOT"/sdk/order.lua &qu

C#解压多个文件夹下的多个zip到一个目录下

1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Text; 5 using System.IO; 6 using ICSharpCode.SharpZipLib; 7 using ICSharpCode.SharpZipLib.Zip; 8 using ICSharpCode.SharpZipLib.Checksums; 9 10 namespace Unzip 11

Linux下文件的三个时间：ctime、mtime、atime的区别

Linux下,文件的三个时间参数 (1)modification time(mtime):内容修改时间 这里的修改时间指的是文件的内容发生变化,而更新的时间. Eg:vi后保存文件. (2)status time(ctime):状态修改时间 这里的修改时间指的是文件的属性或者权限发生变化,而更新的时间. Eg:通过chmod.chown命令修改一次文件属性,这个时间就会更新. (3)access time(atime):最后访问时间 这里的访问时间是指文件被读取,而更新的时间. Eg:对这个文件

给定一整型数组，若数组中某个下标值大的元素值小于某个下标值比它小的元素值，称这是一个反序

[问题] 找出反序的个数 给定一整型数组,若数组中某个下标值大的元素值小于某个下标值比它小的元素值,称这是一个反序. 即:数组a[]; 对于i < j 且 a[i] > a[j],则称这是一个反序. 给定一个数组,要求写一个函数,计算出这个数组里所有反序的个数. [代码] #include <stdio.h> #include <stdlib.h> #include <string.h> int sumNum = 0; void merge(int *a,