阅读 79

全局定义vue组件

1.什么是组件

组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可

组件化和模块化的不同:

2.组件化与模块化

 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一

 组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用

3.组件定义方式

 

全局定义

  ①使用Vue.extend配合Vue.copmponent方法

 

    var login = Vue.extend({

 

     template: ‘

登录


     });
    Vue.component(‘login‘, login);


    ②直接使用Vue.component方法

      Vue.component(‘register‘, {

        template: ‘

注册


       });

  ③将模板字符串,定义到script标签

     

  同时,需要使用 Vue.component 来定义组件:

    Vue.component(‘account‘, {

      template: ‘#tmpl‘
      });

 

 

 

 

原文:https://www.cnblogs.com/z8g1z7/p/15302489.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐