vue组件相关（备忘）

组件定义

全局：

 Vue.component('com-a',{
        template:'<div><h1>头部组件--{{name}}</h1></div>'  //组件模板
        ,data:function(){    //组件data 是函数模式
            return {
                name :"全局组件"
            }
        }
    })

局部：

 const Commentb={  //组件对象
        template:'<div><h1>私有组件--{{name}}</h1></div>',
        data:function(){
            return{
                name:'ssssss'
            }
        }
    }
    new Vue({
        el:"#app",
        components:{
            'bbb':Commentb
        }
    })

使用：
在vue控制的元素内

<组件名></组件名>

父组件向子组件传值

1.父组件操作：

<组件名 :变量名=“值”></组件名>

2.子组件接收方式有3种：

使用关键字props接收， 接收后使用方式同data一样
方式1：指定传递属性名，注意是数组形式

props:["变量名"],  //props 是接收属性 接收后 使用方式同data一样

方式2：指定传递属性名和数据类型，注意是对象形式

props:{
	变量名:数据类型
}

方式3：指定属性名、数据类型、必要性、默认值

props: { 
	name: { //变量名
	type: String,  //数据类型
	required: true,  //是否必须
	default: 'mxg' //默认值（为空时 使用默认值）
		}
	}