npm包发布

雨点打透心脏的1/2处 2021-11-05 06:08 467阅读 0赞

首先新建vue项目

  1. vue init webpack-simple ly-first-vue

在assets中新建ly-first-vue.vue文件和index.js文件

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9seTEwMjQuYmxvZy5jc2RuLm5ldA_size_16_color_FFFFFF_t_70

然后编写组件，简单的循环一个列表

ly-first-vue.vue

  1. <template>
  2.     <ul>
  3.         <li v-for="(item, index) in items" :key="index">{
  5.    {item}}</li>
  6.     </ul>
  7. </template>
  9. <script>
  10. export default {
  11.     props: {
  12.         items: Array
  13.     }
  14. }
  15. </script>
  17. <style scoped>
  18. ul{
  19.     background-color: pink;
  20. }
  21. ul li{
  22.     list-style: decimal;
  23. }
  24. </style>

app.vue

  1. <template>
  2.     <div id="app">
  3.         <MyFirstComponent :items="cityList&#

发表评论

表情：
评论列表 （有 0 条评论，467人围观）

还没有评论，来说两句吧...

相关阅读

    相关 发布 Npm 包

    打包项目 npm run build 注册npm 注册成功后需验证邮箱，否则无法发布成功 // 使用此方法注册输入的密码无法看见，正常注册即可 n

    妖狐艹你老母妖狐艹你老母/ 0 赞/ 308 阅读

    相关 npm包发布流程

    1. 前言 `npm` 是什么这里不必再多说,我相信现在做前端的没有不知道的.这里就不在赘述了. 我们平时开发中肯定是有很多可复用的类库或者组件的,那么把他们抽离出来

    短命女短命女/ 0 赞/ 320 阅读

    相关 如何发布自己的npm包

    发布自己的npm包 前言 做前端开发的都知道现在要是引入第三方的框架或者UI库或者其他功能模块的时候一般都是选择npm安装，好处就不一一说明了，这里就为大家说明一下

    ゝ一纸荒年。ゝ一纸荒年。/ 0 赞/ 436 阅读