props属性

vue2中用于父组件向子组件传递数据。（单向下行绑定）

注：prop的传递是单向的，父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。

即：props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。

1、父组件（传递数据）

<template>
    <div>
        <!-- 传递数据 -->
        <Demo sth='666,App组件传来的数据'/>
    </div>
</template>
<script>
    import Demo from './components/Demo.vue'
    export default {
        name:'App',
        components:{Demo}
    }
</script>

2、子组件（接收数据）

①简单声明接收

<template>
    <div class="demo">
        <h1>{
  {msg}}</h1>