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