vue封装组件方法_什么是vue组件

vue封装组件方法_什么是vue组件在package.json中配置打包路径:1、在scripts中定义打包指令;指令说明:–targetlib关键字指定打包的目录–name打包后的文件名称–dest打包后的文件夹的名称例如:“sf_common_build”:”nodebuild/build.js–targetlib./src/ui/index.js–nameqf-ssf–destcom_ss3种方式:1、npm本地file引用:在项目控制台下输入npminstall…/com

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

在package.json中配置打包路径:

1、在scripts中定义打包指令;
指令说明: –target lib 关键字 指定打包的目录
–name 打包后的文件名称
–dest 打包后的文件夹的名称
例如:“sf_common_build”: “node build/build.js –target lib ./src/ui/index.js –name qf-ssf –dest com_ss

3种方式:
1、npm本地file引用:
在项目控制台下输入 npm install …/common/
这时修改common项目下面的任意代码都会实时生效,不用打包,不用更新引入包,也不用重启。而且在package.json中有引入记录。
如:
“vue_common”: “file:…/vue_common_name”,
“vue_common_git”: “git+https://gitee.com/XXXXX/vue_common.git#master”,

2、link引用:
首先在组件文件下的控制台输入npm link ; 然后在项目控制台下输入 npm link XX组件文件名。
这就将这个公共的项目通过软连接的方式引入到项目里面来了。
这时修改组件项目下面的任意代码都会实时生效,不用打包,也不用重启了。在package.json中没有引入记录。

3、npm package(目前两种:a、不打包可以有多个组件, b、打包的话只能有一个组件?)
在http://www.npmjs.com注册一个账号
进入common的控制台,输入命令npm login,按照提示输入刚注册的账号密码
输入命令 npm publish 即可

在项目控制台下输入npm install common --save
注意:每次改动代码再次发布时,需要修改package.json文件中的版本号,不然发布不成功。
开发project1和project2的程序猿只需关注自己项目的业务功能,公共的common有更新时,执行命令npm install common就可以了。切记频繁改动common包时,project1和project2需要频繁更新common包的引入。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/190367.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • WebStorm 2021.11.3激活码(注册激活)

    (WebStorm 2021.11.3激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年3月29日
    91
  • Avro「建议收藏」

    Avro「建议收藏」序列化/反序列化机制将对象转化为字节来进行存储称之为序列化;将字节还原会对象的过程称之为反序列化java中的序列化反序列化机制:需要利用原生流来实现,Serializable(该对象可以进行序列化/反序列化),static/transient(被修饰之后不能序列化/反序列化),serialVersionUID(版本号,如果版本号对上了再进行序列化/反序列,如果对不上,不进行序列化/反序列化…

    2025年8月21日
    3
  • 图像检索评价指标:PR曲线的计算与绘制

    图像检索评价指标:PR曲线的计算与绘制#@filename:test2.py#@brief:如何绘制PR曲线#@author:liupc#@date:2021/8/2importnumpyasnpfromtqdmimporttqdmimportmatplotlib.pyplotasplt#计算汉明距离。有几位不同,距离就为几。defCalcHammingDist(B1,B2):q=B2.shape[1]distH=.

    2022年6月23日
    39
  • 电脑显示已连接网络但是无internet访问

    电脑显示已连接网络但是无internet访问电脑显示已连接网络但是无internet访问自己电脑不知道出什么问题了,连接到无限网络但是无法访问,一开始以为是自己双系统的问题,然后自己在ubuntu那边是可以正常上网的。下面是自己的解决方法方法一:首先打开这个网络的状态,在属性这里,点击进入:打开这个ipv4进行配置,把所有的ip,dns都设置为自动获取地址:如果此时还没有用,在此基础上,再进一步进…

    2022年7月23日
    17
  • Modbus CRC校验算法

    uint16_tcrc_reflect(uint16_tdata,int32_tlen){uint16_tret=data&0x01;for(int32_ti=1;i<len;i++){data>>=1;ret=(ret<<1)|(data&am…

    2022年4月7日
    59
  • IIS中WEB服务器的日志存放到SQL Server 2005中

    IIS中WEB服务器的日志存放到SQL Server 2005中

    2022年3月12日
    40

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号