美文网首页
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