美文网首页
vue-component与components

vue-component与components

作者: inyourface | 来源:发表于2020-02-17 09:48 被阅读0次

    一、组件化:组件就是为了拆分Vue实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,可以进行复用。

    二、component与components

    componentcomponent与components是vue提供的用来注册组件名,经过注册之后可以在需要的地方进行使用。

    三、区别

    component是注册全局组件,在实例化vue前调用,注册之后可以全局使用。

    //component : 注册全局组件,在实例化VUE前调用,注册后可以全局使用

    export default new VueRouter({

      //所有路由

      routes: [

        {

          path : '/msite',

          component : MSite

        },

        {

          path : '/order',

          component : Order

        }]

    components是注册局部组件,注册之后只能在当前页面使用。

    <script>

    import FooterGuide from './components/FooterGuide/FooterGuide'

    export default {

      components : { //components 局部注册组件,注册后只能在当页调用

        FooterGuide

      }

    }

    </script>

    相关文章

      网友评论

          本文标题:vue-component与components

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