美文网首页
vue组件库创建与发布(2)-仿写elementUI

vue组件库创建与发布(2)-仿写elementUI

作者: 莣忧草_3b53 | 来源:发表于2020-09-15 10:44 被阅读0次

根据上篇文章,我们已经知道搭建项目的办法。
接下来,写第一个组件——button

1. 在components创建button文件

image.png

2. 前置知识

  1. 在vue中 组件是可以按需引入组件的。vue.use(组件)
    vue.use方法会默认调用抛出的install方法 并且传入全局的vue

  2. vue.component是全局注册一个组件

在index.js中为了能够按需引入button组件。

import ElButton from './src/button';

/* istanbul ignore next */
ElButton.install = function(Vue) {
  Vue.component(ElButton.name, ElButton);
};

export default ElButton;

再书写button组件内容,和button-group组件内容。

相关文章

网友评论

      本文标题:vue组件库创建与发布(2)-仿写elementUI

      本文链接:https://www.haomeiwen.com/subject/waixyktx.html