Vue笔记 组件通信:ref、props mixin scoped

ref属性

1、作用：用于给节点打标识（被用来给元素或者子组件注册引用信息，id的替代者）

2、应用在html标签上获取的真实DOM元素，应用在组件标签上是组件实例对象（vc）

3、使用方式：

打标识：<h1 ref="xxx">...</h1>或<School ref="xxx"></School>

读取方式：this.$refs.xxxxxx

props属性：让组件接收外部传过来的数据

父组件：传递数据

<template>
    <div>
      <Student name="李四" sex="女" :age="18"/>   //age前面加冒号是为了声明表达式
    </div>
</template>
 
<script>
    //引入组件
    import Student from './Student'