Vue之-组件-组件嵌套

               1.传统形式:

Vue之-组件-组件嵌套_第1张图片

                 1.2组件形式:

Vue之-组件-组件嵌套_第2张图片

                 1.3组件的定义:

Vue之-组件-组件嵌套_第3张图片

         2.组件分为非单文件组件单文件组件

                非单文件:一个文件包含多个组件

                单文件:一个文件只包含一个组件(a.vue)

        非单文件代码:(局部组件)


        全局组件创建:

Vue之-组件-组件嵌套_第4张图片

 小总结:

        组件的三大步骤:

                1.创建组件:const a=Vue.extend ({})

                2.注册组件:components在vue中注册组件

                3.引用组件:直接调用组件名称作为标签即可

        全局配置组件: Vue.component()    注意不加s

Vue之-组件-组件嵌套_第5张图片

 注意点

        Vue之-组件-组件嵌套_第6张图片

 二:组件嵌套:        在组建中在添加组件,并且在父组件中的模板中添加子组件

Vue之-组件-组件嵌套_第7张图片

 深度理解vue组件:

        组件本质是一个VueComponent(组件实例对象)的构造函数,且不是程序员定义的,由Vue.entend生成。

        每次调用Vue.entend时就会返回一个全新的VueComponent。

       Vue之-组件-组件嵌套_第8张图片

Vue之-组件-组件嵌套_第9张图片

你可能感兴趣的:(Vue,前端,javascript,java)