Vue组件（父组件嵌套子组件，子组件使用父组件数据）

子组件 如何使用 父组件 的数据？

JavaScript：

1.全局创建父级组件 'Father'：

Vue.component('Father',{ 			     //父组件名称
    template:'#father',					 //组件配置的id
    data(){ return{ money:1000,n:100 }}	 //组件的数据
 })

2.全局创建子级组价：

Vue.component('Son',{ 						//子组件的名称
     template:'#son',						//子组件配置的id
     props:{                                 /* 2.接收父组件的数据,可以操作数据 */
         'money':Number,
         'n':{ bijiao(val){ return val>300 } },
         'num':{ type:Number,default:200 }
     }
  })

3.注册（必须记住）：

		new Vue({
		    el:'#app'
		})

html：

1.vdom作用域：
   

        			//使用父级组件
    

2.父组件的配置（子级组件标签在这里嵌套使用了）

3.子组件的配置

注意：

• 全局创建组件时，data为函数，数据要return{ 以一个对象的方式返回 }。
• 全局创建组件，必须要注册构造函数Vue，标明作用域‘#app’。
• 子级组件使用父组件的数据，需要使用v-bind:进行对应的属性绑定，
• 子级组件使用props对象，接收父级组件的数据，用‘ ’单引号区分