sunny-cheng  

 组件的概念:

  组件系统是 Vue.js 另一个重要概念,因为它提供了一种抽象,让我们可以用独立可复用的小组件来构建大型应用。

  如果我们考虑到这点,几乎任意类型的应用的界面都可以抽象为一个组件树:

 

 

  

在 Vue 里,一个组件实质上是一个拥有预定义选项的一个 Vue 实例:

  

但是 ,这样将我们渲染所有文本都是一样的,所以我们换一种写法

  声明组件入口

  

 

  components 挂载子组件,template模板语法渲染

  

  返回 :  hello    

组件使用流程附上打油诗一首:先声子 挂子 用子

 组件下嵌套子组件用法

  声明子组件:

    

    

     声明入口组件,挂载、使用子组件:

    

 

    入口组件挂载使用

 

   

  注意:挂载子组件是以key:value形式出现的, key组件名 ,value组件对象

    当组件名和组件对象名一样,挂载时 :Vmain  =   Vmain:Vmain

    在template引用时:<Vmain/>   =   <Vmain></Vmain>

 

posted on 2019-06-24 23:50  sunny-cheng  阅读(136)  评论(0编辑  收藏  举报