vue-component与components

2020-02-17  本文已影响0人  inyourface

一、组件化:组件就是为了拆分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>

上一篇 下一篇

猜你喜欢

热点阅读