vue知识点13

 

知识点归纳整理如下：

组件 component

    1.页面中的一部分，可以复用, 本质上是一个拥有预定义选项的一个 Vue 实例    

    2.使用

        1)定义

            全局组件

              a.定义

               Vue.component("组件的名字",{

                   template:"<div>组件模版的内容</div>"

               })

              b.使用

                 <组件的名字></组件的名字>

              c.坑

                  使用时成对标记

                  名字时驼峰命名的，改为  - 的形式

                  不能和现有标签重名menu header process 

            局部注册组件的定义 (常用)

                var 组件的名字 = {

                    template:"<div>组件的内容</div>"

                }

                new Vue({

                    .....

                        components:{   ／／局部注册

                            key:组件的名字

                        }

                    .....

                    })

                <组件的名字></组件的名字>

            组件里的数据

            data(){  //为了保证每个组件的实例数据是独立的

                return {

                    key:value

                }

            }

            methods

            computed

            watch 

            template:组件里必须有模版

            组件的事件响应  

            <组件 v-on:事件.native＝“事件处理函数" />