详解如何创建并发布一个 vue 组件
作者：wangfulin 发布时间：2023-07-02 16:49:08
标签：创建,发布,vue组件
步骤
创建 vue 的脚手架
npm install -g @vue/cli
vue init webpack
绑定 git 项目
cd existing_folder
git init
git remote add origin http://gitlab.alipay-inc.com/ampg/my-projec.git
git add .
git commit
git push -u origin master
写组件
创建组件 src/components/xxx.vue
例如：
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<h2>Essential Links</h2>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
font-weight: normal;
}
</style>
发布
npm publish
展示
代码参考
vue-component-popup
参考文档
Packaging Vue Components for npm
Vue CLI 3
vue-sfc-rollup
来源：https://segmentfault.com/a/1190000016945983
0
投稿猜你喜欢
- Go语言的二进制（gob）格式是一个自描述的二进制序列。从其内部表示来看，Go语言的二进制格式由一个 0 块或者更多块的序列组成，其中的每一
- YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习：Yahoo!网站性能最佳体验的34条黄金守则—内容 1、布局的思想：使用
- Silverlight也算一个比较开放的技术。Button控件其实也是一些标准的Grid、Canvas、Rectangle、TextBloc
- 是否应该开启缓冲器？ 通过脚本程序启动缓冲器 在ASP脚本的顶部包含Response.Buffer=True ，IIS就会将页面的内容缓存。
- 被分割的字段一定是有限而且数量较少的，我们不可能在一个字符串中存储无限多个字符 这个字段所属的表与这个字段关联的表，一定是一对多的关系 比如
简介：1.霍夫变换(Hough Transform) 霍夫变换是图像处理中从图像中识别几何形状的基本方法之一，应用很广泛，也有很多改进算法。- 在腾讯云上面搭建的mysql使用开发的电脑上navicat进行访问时总是特别的慢，原来是Mysql会对请求的地址进行域名解析，开发的电脑并没
- 准备工作B站登录页 https://passport.bilibili.com/loginpython3pip install seleni
- 如下所示：b.reset_index(drop=True)reset_index代表重新设置索引，drop=True为删除原索引。来源：ht
- 我们在Python中经常使用会用到matplotlib画图，有些曲线和点的形状、颜色信息长时间不用就忘了，整理一下便于查找。安装matplo
- 大家有没有这种感觉，一到国庆、春节这种长假，抢火车票就非常困难？各大互联网公司都推出抢票服务，只要加钱给服务费就可以增加抢到票的几率。有些火
- 疑问在调用socket的时候，我们会使用到listen()函数，里面有个参数叫backlog, 例如：socket.listen(5). 那
- 1、实现的效果示例代码：df=pd.DataFrame({'A':[1,2],'B':[[1,2],[1,2
- 准备正常情况下，创建class的实例后，可以给该实例绑定任何属性和方法，这就是动态语言的灵活性。首先定义一个classclass A(obj
- 参考文档 https://cli.vuejs.org/zh/1.安装npm install -g @vue/cli2.检查安装vue -V
- 一、定位元素的8种方式1、方法介绍定位一个元素定位多个元素含义find_element_by_id()find_elements_by_id
- 实例如下：#!/usr/bin/env python# -*- coding: utf-8 -*-import socket#创建一个soc
- 本文整理了3种鼠标经过图片，图片边框加粗或改变颜色的方法，希望大家喜欢。下面3中只是提供了一个方法，具体的鼠标经过图片的样式，你自己可以修改
- 上周对线上某几个磁盘进行了fio硬盘性能测试，测试完成之后的结果需要绘制成图像展示出来。我在官网上查找
- GoModule无法下载国外的依赖包问题在Golang中，有两个概念非常容易弄错，第一个就是GoPath，第二个则是GoModule，很多初
