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作用域：
   <div id="app">
        <Father></Father>			//使用父级组件
    </div>

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

<template id="father">
<div>