zoukankan      html  css  js  c++  java
  • 6.组件

     组件的概念:

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

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

      

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

      

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

      声明组件入口

      

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

      

      返回 :  hello    

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

     组件下嵌套子组件用法

      声明子组件:

        

        

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

        

        入口组件挂载使用

       

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

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

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

  • 相关阅读:
    反射
    java 验证码识别
    Spring boot + mybatis + orcale
    JVM内存模型及垃圾回收的研究总结
    Java的Array和ArrayList
    Java中最常见的十道面试题
    session和cookie
    Hibernate的load()和get()区别
    ajax跨域获取网站json数据
    对于Spring的IOc和DI的理解
  • 原文地址:https://www.cnblogs.com/sunny666/p/11080435.html
Copyright © 2011-2022 走看看